jquery.datatables的动态隐藏/显示列以及遇到的问题

最新推荐文章于 2020-09-14 00:23:45 发布

卜__惡魔乜單純

最新推荐文章于 2020-09-14 00:23:45 发布

阅读量5.4k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： jquery javascript 文章标签： jquery.datatables

本文链接：https://blog.youkuaiyun.com/wan_lwj/article/details/78622969

javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

本文介绍了使用DataTable插件实现表格列动态显示与隐藏时遇到的两个常见错误：table.column不是函数及table.fnSetColumnVis不是函数，并给出了相应的解决办法。

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

动态显示/隐藏列

	var table = $("#tabList").DataTable({	...}）；

	//隐藏/显示
	function hidColumn(colNum) {
	     var column = table1.column(colNum);
	     column.visible(!column.visible());
	 };
	//显示
	function showColumn(colNum) {
	      var bVis  = $("#tabList").dataTable().fnSettings().aoColumns[colNum].bVisible;
	     $("#tabList").dataTable().fnSetColumnVis( colNum, true);
	};

遇到的问题1：Uncaught TypeError: table.column is not a function

解决：var table1 = $("#tabList1").dataTable({ ...}); 版本问题将这里的.dataTables改为.DataTables

问题2：table.fnSetColumnVis is not a function ,table.fnSettings is not a function

解决： $("#tabList1").dataTable中的d应该为小写