datatable中添加下拉列

最新推荐文章于 2022-08-09 09:05:05 发布

风弧

最新推荐文章于 2022-08-09 09:05:05 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： datatable 加号展示部分列

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/songwen_120/article/details/91040420

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在Datatable中使用响应式设计隐藏不重要列的方法，通过添加特定class实现列的显示与隐藏，适用于需要灵活调整表格展示内容的场景。

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

一般采用datatable显示数据是这样的：
在这里插入图片描述
很多时候有些不重要数据不用显示出来，但是客户又可能要看，比如这样：

就是讲一部分列放在下拉菜单中
处理方式：
在table上加上指定class：dt-responsive

然后将不重要的列设置为none就好了

在这里插入图片描述
效果

原因是因为在datatable相关的js中加入了是否包含指定class名称的相关处理

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。