Avatar billede supermand69 Nybegynder
18. januar 2004 - 14:48 Der er 5 kommentarer og
1 løsning

tr i table

Hej...

Jeg har en div med overflow, hvori jeg har en table med nogle rækker.

Div'en har f.eks. en højde på 45px, så når der kommer flere rækker og de bliver højere end de 45px kommer der en scroll i div'en.

Den øverste række i min table er der en overskrift for hver kolonne. Her kommer mit spm... Kan jeg på nogen måde gøre sådan at min øverste række bliver stående hvor den er så man altid kan se den lige meget hvor meget man scroller ned i div'en?? For bredden i hver td i den øverste række skal jo have de samme bredder i dem som kommer nedenunder...

Her er lidt kode:

div.frame {
    border: 1px solid #999999;
    overflow: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    scrollbar-face-color: #dddddd;
    scrollbar-shadow-color: #dddddd;
    scrollbar-highlight-color: #dddddd;
    scrollbar-3dlight-color: #999999;
    scrollbar-darkshadow-color: #999999;
    scrollbar-track-color: #dddddd;
    scrollbar-arrow-color: #999999;
}

<div class="frame" style="height: 105px;">
<table cellpadding="0" cellspacing="0">
  <tr>
    <td><b>Dato:</b></td>
    <td><b>Bruger:</b></td>
  </tr>
  <tr>
    <td>12/10-03</td>
    <td>test</td>
  </tr>
  <tr>
    <td>08/10-03</td>
    <td>et navn</td>
  </tr>
  <tr>
    <td>1/10-04</td>
    <td>muhahaha... :)</td>
  </tr>
</table>
</div>
Avatar billede limemedia Nybegynder
18. januar 2004 - 14:57 #1
En mulig løsning kan være to layers, vil det være attraktivt ? altså således din tabel overskrift står i ét layer og din tabel i et andet layer, hvor du kan scrolle
Avatar billede limemedia Nybegynder
18. januar 2004 - 14:58 #2
hurtigt eksempel

<html>
<head>
<title>Untitled</title>

<style type="text/css">
<!--
div.frame {
    border: 1px solid #999999;
    overflow: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    scrollbar-face-color: #dddddd;
    scrollbar-shadow-color: #dddddd;
    scrollbar-highlight-color: #dddddd;
    scrollbar-3dlight-color: #999999;
    scrollbar-darkshadow-color: #999999;
    scrollbar-track-color: #dddddd;
    scrollbar-arrow-color: #999999;
}
-->
</style>
</head>

<body>

<div class="title" style="height: 15px;">
<table cellpadding="0" cellspacing="0">
  <tr>
    <td><b>Dato:</b></td>
    <td><b>Bruger:</b></td>
  </tr>
</table>
</div>
<div class="frame" style="height: 105px;">
<table cellpadding="0" cellspacing="0">
  <tr>
    <td>12/10-03</td>
    <td>test</td>
  </tr>
  <tr>
    <td>08/10-03</td>
    <td>et navn</td>
  </tr>
  <tr>
    <td>1/10-04</td>
    <td>muhahaha... :)</td>
  </tr>
  <tr>
    <td>12/10-03</td>
    <td>test</td>
  </tr>
  <tr>
    <td>08/10-03</td>
    <td>et navn</td>
  </tr>
  <tr>
    <td>1/10-04</td>
    <td>muhahaha... :)</td>
  </tr>
  <tr>
    <td>12/10-03</td>
    <td>test</td>
  </tr>
  <tr>
    <td>08/10-03</td>
    <td>et navn</td>
  </tr>
  <tr>
    <td>1/10-04</td>
    <td>muhahaha... :)</td>
  </tr>
</table>
</div>

</body>
</html>
Avatar billede limemedia Nybegynder
18. januar 2004 - 14:59 #3
Vil så være en god ide at sætte en fast bredde på td felterne, således overskrifterne står rigtigt i forhold til indholdet
Avatar billede supermand69 Nybegynder
18. januar 2004 - 15:13 #4
jamen teksten i de forskellige celler kan variere meget... så man kan ikke sætte en fast bredde på??
Avatar billede supermand69 Nybegynder
18. januar 2004 - 15:14 #5
det kan måske ikke lade sig gøre at fast-låse den øverste tr...

lars-jense > jeg bruger selv det eksempel du kom med
Avatar billede supermand69 Nybegynder
20. januar 2004 - 12:29 #6
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester