javascript - 在基于代码的数据表列设置中使用 colspan

Question

这是第一个问题，所以请原谅我的任何错误。

我正在使用 JQuery Datatables 插件，并且必须向表中添加两行带有 colspan 的列标题。在 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 }
            ]
        });

所以现在我需要向“Col1”和“Col2”添加一个“major-col”，向“Col3”和“Col4”添加另一个“major-col”。

它应该看起来像:

<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>

感谢您的任何建议。 :)

Answer 1

好的，我收到了开发团队的回复:

https://datatables.net/forums/discussion/comment/94186#Comment_94186

所以现在不使用 HTML 就不可能设置 colspan。