2016-04-14 3 views
1

Пожалуйста, смотрите эту страницу: http://live.datatables.net/fadoteba/1/DataTables - FixedHeader - многократный тр в THEAD вопросе выравнивания

Проблема, которую я имею, что, когда у меня есть THEAD вроде этого:

<thead> 
    <tr style="background-color: #99b3ff"> 
     <th align="left" colspan="13"> 
      somelongnamehere-dsadsadsadsadsadsa<br /> 
      Total LPARs: 9<br /> 
      Planned LPARs: 0<br> 
      <br> 
      Free memory: 286 GB (excl planned lpars)<br /> 
      Total vCPU (incl planned): 21 
     </th> 
    </tr> 
    <tr> 
     <th width="100">Customer</th> 
     <th>Frame</th> 
     <th>LPAR</th> 
     <th>CPU<br>Virtual</th> 
     <th>Cluster</th> 
     <th>Bubble</th> 
     <th>ProcPool</th> 
     <th>Mem (GB)</th> 
     <th>Add<br>Mem (GB)</th> 
     <th>Total<br>Mem (GB)</th> 
     <th>Mem<br>overhead (GB)</th> 
     <th>AME</th> 
     <th>ReqID</th> 
    </tr> 
</thead> 

Она щурит ориентирующей фиксированного header, когда я удаляю первый <tr> с th и colspan, он работает так, как должен (также прокрутите вниз в примере, чтобы увидеть это). что я могу сделать, чтобы зафиксировать это, или что я делаю неправильно?

ответ

1

Ваша проблема в стиле таблицы. Он устанавливает таблицу-макет свойство автоматически на вашем столе. добавить ниже линии CSS, чтобы исправить проблему:

table { 
    table-layout: auto !important; 
} 

Datatable Link

+0

Удивительное решение .. – Shubham

0

Немного поздно, но я провел 6 часов по этому вопросу, пока я accidentaly наткнулся на решение, которое должно было удалить таблицу-макет из CSS, а затем я нашел это решение здесь!

.dataTable.fixedHeader-floating { 
    table-layout: auto !important; 
} 
Смежные вопросы