Question

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

是否可以更改＆＃34;控制列＆＃34;到第二栏？或者甚至更好地允许整行可点击。我在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 - 这是一个特殊类，response.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)。

DataTables更改扩展器列

1 个答案: