Datatables 隐藏列

在实际开发中可能会遇到一种情况，后台的api接口传回来的数据比较多，而datatable中只需要显示一部分。如果之后的操作并不需要用到没有显示的数据，可以直接在columns配置中不配置相应的字段，比如以下数据源中每一项有6个字段：

datatable拿到的数据

如果我只在columns中只配置name,position,office，就只会显示这三项。

columns: [{"data": "name","orderable": true, // 禁用排序"defaultContent": "","width": "10%"}, {"data": "position","orderable": true, // 禁用排序"defaultContent": "","width": "10%"}, {"data": "office","orderable": false, // 禁用排序"defaultContent": "","width": "10%"}],

只显示三列数据

但若是之后的操作中会用到未显示的数据，比如点击行后显示详细信息，那么可以只将其隐藏，可以在columnDefs配置中给想隐藏的列添加一个类，如hide_column。

<style>.hide_column{display: none;}
</style>

"columnDefs" :[{className: "hide_column","targets": [2,5] //将第3列和第6列隐藏，从0开始计数}],

这样的话，使用datatables的api获得当前行的数据的话就也可以获得到隐藏列中的数据。

Datatables 隐藏列相关推荐

datatables隐藏列设置及获取隐藏列的值
https://blog.csdn.net/bingguang1993/article/details/84649674
bootstarp js设置列隐藏_Bootstrap框架----DataTables列表移动端适配定义隐藏列
我们在上一章节中已经学习了DataTables在BootStrap框架中的使用方式和初始化. Bootstrap框架--DataTables列表示例最终效果如图: Bootstrap是自动适配移动端 ...
GridView隐藏列取值解决方案
[摘要] 在Asp.net 2.0中增加了一个新的数据绑定控件:GridView,其目的用来取代Asp.net1.x中的DataGrid控件,但有一点很不爽的是,如果把某列设置为visible=fal ...
报表中利用隐藏列对扩展格显示值求和
在润乾报表中,获取报表中单元格显示值的函数是disp(),然而这个函数却无法计算扩展单元格的显示值.从而无法直接对扩展个显示值求和. 在下图中,需要计算D3单元格的显示值之和. D3值为:ds1.再订 ...
【实用】ALV 清单右击隐藏列失效的处理
ALV OO中右击显示列进行隐藏列处理,但是右击后发现无效,该如何处理? 其实问题出在创建"ALV grid container" 这里. 问题代码: "Create A ...
layui表格更改一列数据_layui数据表格隐藏列的方法介绍
在使用layui做数据表格的时候,插入的数据的id是不是一组连续的数字,那么就需要用到layui的cols的type属性. table.render({ elem: '#test' ,url:'${p ...
GridView隐藏列，并能读取列值的解决方法（转载）
首先是用datakeynames 来解决在设计数据库的时候 ,,我这里 aa 为主键. 前台代码 <asp:GridView ID="GridView1" runat= ...
bootstraptable 列隐藏_bootstrap中table如何隐藏列？
Bootstrap如何隐藏table中的某一列?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. Bootstrap隐藏table中的某一列 1.利用boo ...
bootstrap-table 列属性_bootstrap中table如何隐藏列？
Bootstrap如何隐藏table中的某一列?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. Bootstrap隐藏table中的某一列 1.利用boo ...

Datatables 隐藏列

Datatables 隐藏列相关推荐

最新文章

热门文章