蓝凌js明细表隐藏列
时间: 2024-08-14 20:02:22 浏览: 73
蓝凌系统表单JS大全(持续更新)
5星 · 资源好评率100%
蓝凌JS明细表通常是指在企业信息化管理软件如蓝凌工作台中使用的基于JavaScript的表格控件,它允许用户动态展示或隐藏表头和数据列。在设置隐藏列时,开发者可以利用JavaScript操作DOM元素,比如通过修改CSS样式或者直接修改表格行内的列属性。
以下是一个简单的示例:
```javascript
var table = document.getElementById('明细Table'); // 获取明细表元素
var columnsToHide = ['列名1', '列名2']; // 需要隐藏的列名称数组
for (var i = 0; i < columnsToHide.length; i++) {
var thElement = table.querySelector('th:contains("' + columnsToHide[i] + '")'); // 查找对应列的表头
if (thElement) {
thElement.style.display = 'none'; // 隐藏表头
for (var j = 0; j < table.rows.length; j++) {
var tdElement = table.rows[j].querySelector('td:contains("' + columnsToHide[i] + '")'); // 查找对应列的数据单元格
if (tdElement) {
tdElement.style.display = 'none'; // 隐藏数据单元格
}
}
}
}
```
这个例子中,假设我们有一个包含列名1和列名2的明细表,通过遍历需要隐藏的列名,在表头和每个行的数据单元格上设置`display: none`来实现隐藏效果。
阅读全文