2016-06-23 3 views
0

Я использую fixed-table-header.min.js, который отлично работает по умолчанию, тогда как после того, как я поместил сортировку (сортировку на стороне сервера), выравнивание сетки свали. Я имею в виду заголовок, а тень не является встроенным. любая помощь ?угловой фиксированный стол-заголовок.js неправильно выравнивается после сортировки

<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

Рассмотрим 'datatables.net' - в качестве альтернативы, посмотрите на это - чистый CSS https://jsfiddle.net/dPixie/ byB9d/3/ –

ответ

0

Используйте следующий код, который вы можете легко заморозить ваши строки таблицы

table thead { 
     position: fixed; 
    } 
+0

Ширина заголовка таблицы не будет выравниваться с tbody td width ,,, получить некоторые несогласованные на это, если у нас есть позиция: исправлена. больше по всем моим th и td динамически раздираются. – Krish