Tables - FixedHeader - mehrere tr in thead Ausrichtung Ausgabe

Question

Bitte beachten Sie diese Seite: http://live.datatables.net/fadoteba/1/

Das Problem, das ich habe ist, dass wenn ich eine Thead wie folgt aus:

<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> 

Es Schrauben bis die Ausrichtung der fixedheader, wenn ich die erste <tr> mit dem th und dem colspan entferne es funktioniert wie es sollte (auch im Beispiel nach unten scrollen, um dies zu sehen). Was kann ich tun, um dies zu beheben, oder was mache ich falsch?

Answer 1

Ihr Problem ist der Stil der Tabelle. Es setzt Tabellenlayout Eigenschaft automatisch auf Ihrem Tisch. I unten Zeile hinzufügen CSS Problem zu beheben:

table { 
    table-layout: auto !important; 
} 

Datatable Link

Answer 2

Ein bisschen spät, aber ich verbrachte 6 Stunden zu diesem Thema, bis ich versehentlich auf die Lösung gestoßen, die vom Tabellen-Layout zu entfernen war das CSS und dann habe ich diese Lösung hier gefunden!

.dataTable.fixedHeader-floating { 
    table-layout: auto !important; 
}