DataTables 更改扩展列

Question

在this example (datatables.net) 中，您可以看到DataTables 的第一列是可点击和展开的。

是否可以将“控制列”更改为第二列？或者甚至更好地允许整行是可点击的。我在responsive documentation (datatables.net) 中找到了控制类，但这是doesn't seem to work (jsfiddle)。

<table>
<thead>
  <tr>
    <td>First</td>
    <td class="control">Second</td>
    <td class="none">Third</td>
  </tr>
</thead>
<tbody>
  <tr>
    <td>First</td>
    <td>Second</td>
    <td>Third</td>
  </tr>
  <tr>
    <td>First</td>
    <td>Second</td>
    <td>Third</td>
  </tr>
</tbody>
</table>

$('table').DataTable({responsive: {  details: true}});

control - 这是一个特殊的类，由 responsive.details.type 选项的 column 选项使用，以指定哪一列是表中的控制列。这允许响应式样式表为列添加所需的样式信息。

Answer 1

只需添加

details: {
    type: 'column',
    target: 'tr'
}

有了这个，整行就可以点击了。您也可以使用以下代码设置 (+) 的位置：

columnDefs: [ {
    className: 'control',
    orderable: false,
    targets: 2 //Position indicator zero based
} ]

看看这个例子：https://jsfiddle.net/csnk79nx/26/

从这里找到：DataTable responsive display certain columns

更多信息可以在here (datatables.net)找到。