colspan屬性DataTable中使用JavaScript

enter image description here

我想顯示標題（如：2013）與2個colums（如：CA和Total）喜歡這裏enter link description here

在這個例子，你可以看到「蘇格蘭家庭學生HE」的標題有幾列。

這裏是我的javasript代碼：

function fillDataTable2Years5(data) { 

if ($("#table_campaigns").css("visibility") == "hidden") 
    $("#table_campaigns").css("visibility", "visible"); 

$('#table_campaigns').dataTable({ 
    'aaData': data, 
    'aoColumns': [ 
     { "sTitle": "", "sCellType": "th", "fnCreatedCell": function (cell) { cell.scope = 'row'; } }, 
     { "sTitle": "2013 CA" }, 
     { "sTitle": "2013 Aantallen" }, 
     { "sTitle": "2014 CA" }, 
     { "sTitle": "2014 Aantallen" } 
    ], 
    "iDisplayLength": 10, 
    "bJQueryUI": true, 
    "bDestroy": true, 
    "bPaginate": true, 
    "bLengthChange": false, 
    "bFilter": true, 
    "bSort": false, 
    "bInfo": false, 
    "bAutoWidth": false 
}); 
}

我怎麼能這樣做呢？

來源

2014-02-28 Jayce

您可以使用DataTable中的列分組來完成此操作。請參閱下面的鏈接：https://datatables.net/examples/advanced_init/complex_header.html

這是通過使用HTML colspan和rowspan屬性完成的，如通過檢查示例頁面的src代碼所看到的。儘管他們似乎沒有在內容中明確顯示。

來源

2014-02-28 15:08:29

比你的答案，但這是在HTML中，我只想使用JavaScript代碼 – Jayce

這是插件的作者自己建議這樣做..這意味着他們不支持在純粹的JS配置 –

colspan屬性DataTable中使用JavaScript

回答

相關問題