2016-05-31 46 views
1

這是第一個問題,所以請原諒我的錯誤。在基於代碼的數據表列設置中使用colspan

我正在使用JQuery Datatables插件,並且必須將兩行列標題與colspans添加到我的表中。硬編碼的HTML是沒有問題的,但現在我需要它在該表的初始化:

<table class="table table-striped table-bordered table-hover small-table myTable"></table>  

$('.myTable').DataTable({ 
      bProcessing: true, 
      bServerSide: true, 
      paging: true, 
      lengthMenu: [[25, 50, 100, 250, 500], [25, 50, 100, 250, 500]], 
      pageLength: 100, 
      order: [2], 
      sAjaxSource: 'path/to/myAjaxController', 
      sServerMethod: 'POST', 
      columns: [ 
       { title: 'Col1', searchable: true, sortable: false }, 
       { title: 'Col2', searchable: true }, 
       { title: 'Col3', searchable: true, sortable: true }, 
       { title: 'Col4', searchable: true } 
      ] 
     }); 

所以現在我需要添加一個「重大-COL」到「Col1中」和「col2的」和另一個「主要col」到「Col3」和「Col4」。

應該看起來像:

<table> 
    <thead> 
    <tr> 
     <th colspan="2">Major-Col1</th> 
     <th colspan="2">Major-Col2</th> 
    </tr> 
    <tr> 
     <th>Col1</th> 
     <th>Col2</th> 
     <th>Col3</th> 
     <th>Col4</th> 
    </tr> 
    </thead> 
</table> 

謝謝你的任何建議。 :)

+0

它爲你工作? https://jsfiddle.net/jevtw2g4/13/ – CMedina

+0

不是真的,對不起。當我在HTML中使用它時,colspan正在工作我已經是新手了。但現在我需要它,而不使用任何HTML而不是表格標籤本身。但是謝謝你! :) – ariuna

回答