使用JavaScript在dataTable中使用Colspan
我这样做: 我想显示一个标题(例如:2013)和2列(例如:CA和Total),如图所示 在本例中,您可以看到带有多个列的“HE中的苏格兰籍学生”标题 以下是我的javasript代码:使用JavaScript在dataTable中使用Colspan,javascript,jquery,html,jquery-datatables,Javascript,Jquery,Html,Jquery Datatables,我这样做: 我想显示一个标题(例如:2013)和2列(例如:CA和Total),如图所示 在本例中,您可以看到带有多个列的“HE中的苏格兰籍学生”标题 以下是我的javasript代码: function fillDataTable2Years5(data) { if ($("#table_campaigns").css("visibility") == "hidden") $("#table_campaigns").css("visibility", "visible"); $(
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
});
}
我怎么能这么做 您可以使用DataTables中的列分组来实现这一点。请参阅下面的链接:
这是使用HTMLCOLSPAN和rowspan属性完成的,您可以通过检查示例页面的src代码看到这一点。但是,他们似乎没有在内容中明确地向您展示这一点。而不是在您的答案中,但这是html,我只想使用javascript代码。这是插件作者自己建议的做法。。这意味着他们在纯JS配置中不支持这一点