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

时间:2016-05-31 13:38:37

标签: javascript jquery datatables

这是第一个问题,请原谅我任何错误。

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

所以现在我需要添加一个&#34; major-col&#34;到&#34; Col1&#34;和&#34; Col2&#34;和另一个&#34; major-col&#34;到&#34; Col3&#34;和&#34; Col4&#34;。

应该看起来像:

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

感谢您的任何建议。 :)

1 个答案:

答案 0 :(得分:0)

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

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

所以现在不能在不使用HTML的情况下设置colspan。