Datatables隐藏列并获取值

最新推荐文章于 2023-02-16 16:56:04 发布

han73748196

最新推荐文章于 2023-02-16 16:56:04 发布

阅读量806

点赞数

CC 4.0 BY-SA版权

分类专栏： Datatables 文章标签： javascript

本文链接：https://blog.csdn.net/han73748196/article/details/108326612

Datatables 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在Datatables中隐藏列，并在分页后正确获取隐藏列的值。由于作者将所有数据加载到前端进行分页，故遇到在翻页后获取ID始终为第一页的问题。解决方案是对原始获取隐藏列值的代码进行了调整，以适应分页场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Datatables隐藏列并获取值

在生成表格时对ID进行隐藏

columns: [{
    "data": "id",
    //隐藏属性
    "visible": false,
    "name": "id",
},
{
    "data": null,
    "render": function(data, type, row) {
        return "<td><a class=\"details\">详情</a></td>";
    }]

搜到的代码获取隐藏列的值代码为：

//table_id 为你的表格ID
//获取点击的行数索引
var row = $(this).parents("tr").index();
//获取隐藏列的ID
var id = $('#table_id').DataTable().row(row).data().id;

或者

//table_id 为你的表格ID
//获取点击的行数索引
var row = $("table#table_id tr").index($(this).closest("tr"));
 //获取隐藏列的ID
var id = $('#table_id').DataTable().row(row-1).data().id;

在使用过程中点击下一页之后获取的ID还是第一页的值,因为我是将数据全部加载到前台交给插件分页,于是自己进行修改方便分页之后获取值

//table_id 为你的表格ID
//获取点击的行数索引
var row = $(this).parents("tr").index();
//获取当前页的开始
var rows = $('#table_id').dataTable().fnSettings()._iDisplayStart;
//当前页开始+行数索引 获取隐藏列的值
var id = $('#table_id').DataTable().row(rows+row).data().id;