jquery - DataTables更改扩展器列

在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-这是一个特殊的类，由column选项用于响应.details.type选项，用于指定表中的控制列是哪一列。这使响应式样式表可以为列添加所需的样式信息。

最佳答案

只需添加

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)中找到更多信息。

关于jquery - DataTables更改扩展器列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48883074/