javascript - 使用 JavaScript 的 dataTable 中的 Colspan

Question

我这样做了:

我想显示一个带有 2 列(例如:CA 和 Total)的标题(例如:2013)，如下所示 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

您可以使用数据表中的列分组来做到这一点。请参阅以下链接:https://datatables.net/examples/advanced_init/complex_header.html

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