允许最终用户使用 JS 数据表选择哪些列可见

Question

table 表由django admin 渲染。我不会知道列数、列名或行内容。我将知道的是表 ID

result_list

.

问题是用户想要有时可以有 10 多个列的表。我想通过允许用户选择在呈现表格后隐藏/显示哪些列来提供更好的用户体验。我的想法是在哪里使用 Datatables 但很难找到正确的配置。

因为此代码片段将由默认模板使用，所以代码必须与表内的数据无关。

这是我的一个片段：

$('#result_list').dataTable({
// initializers here
});

典型的生成表如下所示：

<table id="result_list">
  <thead>
    <tr>
      <th>Company</th>
      <th>Contact</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alfreds Futterkiste</td>
      <td>Maria Anders</td>
      <td>Germany</td>
    </tr>
  </tbody>
</table>

Answer 1

您是否已经检查过可以切换列的数据表 API？ 显示和隐藏数据表

我建议动态

forEach

thead

列，因为它不能是静态的。 然后使用链接供您参考。