查看: 1291|回复: 2

如何通过脚本控制数据表格中的列隐藏呢?

升级   0.1%

68

主题

77

回帖

10

积分

注册会员

Rank: 2

积分
10
发表于 2024-11-15 17:36:30 | 显示全部楼层 |阅读模式
表单的load事件中  可以通过脚本设置默认隐藏或显示列吗?


673715d60726a.png

回复

使用道具 举报

升级   100%

139

主题

1万

回帖

4万

积分

超级版主

Rank: 8Rank: 8

积分
41458
发表于 2024-11-18 10:10:03 | 显示全部楼层
列的隐藏没有现成的通过脚本控制它的显示隐藏,需要自己写脚本去实现,控制dom对象去实现
回复

使用道具 举报

升级   0.39%

2

主题

7

回帖

39

积分

注册会员

Rank: 2

积分
39
发表于 2025-11-12 11:06:39 | 显示全部楼层
[JavaScript] 纯文本查看 复制代码
var columnIndex = 需隐藏列的columnIndex;

// 隐藏表头
var titleElement = document.querySelector('[id="datatable_datatable$Title_' + columnIndex + '"]');
if (titleElement) {
    titleElement.style.display = 'none';
}

// 隐藏数据行中的该列
var dataElements = document.querySelectorAll('[id*="datatable$Data_' + columnIndex + '"]');
dataElements.forEach(function(element) {
    element.style.display = 'none';
});

console.log('已成功隐藏xx列');




在datatable表格的queryload事件中写有效,不过如果每次你修改表单用户页面又会重新出现,要清除浏览器缓存才正常
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

联系客服 关注微信 下载APP 返回顶部 返回列表
viewthread