桌子是由Django admin呈现的.我不知道列数、列名或行内容.我将知道的是表ID result_list.

问题是用户想要的表有时可以有10多列.我希望通过允许用户 Select 在呈现表后隐藏/显示哪些列来提供更好的用户体验.我的 idea 是在哪里使用数据表,但很难找到正确的配置.

由于此代码片段将由默认模板使用,因此代码必须与表中的数据无关.

这是我手头上的一个片段:

$('#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>

推荐答案

您已经判断过这个可以切换列的DataTable API了吗? Show and Hide DATATABLE

我建议对thead列进行动态forEach,因为它不能是静态的. 然后使用链接作为您的参考.

Javascript相关问答推荐

Angular:ng-contract未显示

node TS:JWT令牌签名以验证客户端和后台问题之间的身份验证

如何添加绘图条形图图例单击角形事件

v—自动完成不显示 Select 列表中的所有项目

在Three JS中看不到补间不透明度更改效果

我创建了一个创建对象的函数,我希望从该函数创建的对象具有唯一的键.我怎么能做到这一点?

如何在Angular17 APP中全局设置AXIOS

当输入字段无效时,我的应用程序不会返回错误

如何在Angular拖放组件中同步数组?

将Node.js包发布到GitHub包-错误ENEEDAUTH

从另一个数组中的对应行/键值对更新数组中的键值对对象

OpenAI转录API错误请求

OnClick更改Json数组JSX中的图像源

在JS/TS中将复杂图形转换为数组或其他数据 struct

用Reaction-RT-Chart创建实时条形图

在ChartJS中使用spanGaps时,是否获取空值的坐标?

在Press Reaction本机和EXPO av上播放单个文件

如何阻止外部脚本进入顶层导航

如何用react组件替换dom元素?

MAT-TREE更多文本边框对齐问题