使用JavaScript在DataTable中进行Colspan

Question

我这样做了：

我想显示带有2个列的标题（例如：2013）（例如：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
});
}

我怎么能这样做？

Answer 1

您可以使用DataTables中的列分组来实现。请参阅以下链接：https://datatables.net/examples/advanced_init/complex_header.html

使用HTML colspan和rowspan属性完成此操作，您可以通过检查示例页面的src代码来查看。他们似乎没有在内容中明确地向您展示。