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>
謝謝你的任何建議。 :)
它爲你工作? https://jsfiddle.net/jevtw2g4/13/ – CMedina
不是真的,對不起。當我在HTML中使用它時,colspan正在工作我已經是新手了。但現在我需要它,而不使用任何HTML而不是表格標籤本身。但是謝謝你! :) – ariuna