2016-06-23 12 views
0

Ich verwende fixed-table-header.min.js, was funktioniert gut auf Standard, während nach meiner Sortierung (Serverseitige Sortierung) die Raster-Ausrichtung dauernd Hau ab. ich meine header und der tbody ist nicht inline. irgendeine Hilfe ?angular fixed-table-header.js ist nach dem Sortieren nicht richtig ausgerichtet

<table> 
     <thead fix-head> 
     <tr> 
      <th width="20px">Col 1</th> 
      <th width="80px">Col 2</th> 
      <th width="20%">Col 3</th> 
      <th width="30%">Col 4</th> 
      <th width="20%">Col 5</th> 
      <th width="10%">Col 6</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr> 
      <td>value 1111</td> 
      <td>value 2222</td> 
      <td>value 3333</td> 
      <td>value 44444</td> 
      <td>value 55555</td> 
      <td>value 66666</td> 
     </tr> 
     <tr> 
      <td>value 1111</td> 
      <td>value 2222</td> 
      <td>value 3333</td> 
      <td>value 44444</td> 
      <td>value 55555</td> 
      <td>value 66666</td> 
     </tr> 
     <tr> 
      <td>value 1111</td> 
      <td>value 2222</td> 
      <td>value 3333</td> 
      <td>value 44444</td> 
      <td>value 55555</td> 
      <td>value 66666</td> 
     </tr> 
     </tbody> 
    </table>      


<!-- end snippet --> 
+0

Betrachten 'datatables.net' einzufrieren - alternativ Blick auf diese - pure CSS https://jsfiddle.net/dPixie/ byB9d/3/ –

Antwort

0

Verwenden Sie den folgenden Code, den Sie einfach können Sie Ihre Tabellenzeile

table thead { 
     position: fixed; 
    } 
+0

Die Kopfbreite der Tabelle wird nicht mit tbody td Breite ausgerichtet, erhalten einige inkonsistent, wenn wir Position: behoben haben. mehr über alle meine th und td sind dynamisch zerreißend .. – Krish