组合DataTables中的列,同时保留列标题

时间:2016-05-24 10:11:01

标签: datatables html-table

在DataTables中,是否可以将两列的值合并为一列,同时保留两个列标题和排序选项?

我想在一列中将名称显示为{Firstname} {Surname},但仍然可以按FirstnameSurname进行排序。

因此表格应该是这样的:

<table>
  <thead>
    <tr>
      <th class="sorting">Firstname</th>
      <th class="sorting">Surname</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td colspan="2">Donna Summer</td>
    </tr>
    <tr>
      <td colspan="2">Quincy Jones</td>
    </tr>
  </tbody>
</table>

Firstname订购时,Donna Summer将来到Quincy Jones之前,而当Surname订购时,Quincy Jones将来到Donna Summer之前。

编辑:澄清

原始表没有类或colspans,并且firstnames和surnames被放在两个不同的列中:

<table>
  <thead>
    <tr>
      <th>Firstname</th>
      <th>Surname</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Donna</td>
      <td>Summer</td>
    </tr>
    <tr>
      <td>Quincy</td>
      <td>Jones</td>
    </tr>
  </tbody>
</table>

我正在寻找在初始化DataTable时可以设置的任何选项,以便将colspan="2" - 列呈现为<tbody> - 列,而不是<thead>中的行}}

0 个答案:

没有答案