Layui table点击按钮显示隐藏列

最新推荐文章于 2024-07-18 17:33:01 发布

原创最新推荐文章于 2024-07-18 17:33:01 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

Layui 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的动态显示和隐藏表格特定列的方法，通过点击按钮切换显示状态，适用于需要灵活控制表格信息可见性的场景。

var hideArr=['swzj','sjzj']
if($(this)[0].innerHTML === '显示细节'){
    for(var i in hideArr){
        $("th[data-field='"+ hideArr[i] +"']").removeClass('layui-hide');
        $("td[data-field='"+ hideArr[i] +"']").removeClass('layui-hide');
    }
    
    $(this)[0].innerHTML = '隐藏细节'
}else{
    for(var i in hideArr){
        $("th[data-field='"+ hideArr[i] +"']").addClass('layui-hide');
        $("td[data-field='"+ hideArr[i] +"']").addClass('layui-hide');
    }
    $(this)[0].innerHTML = '显示细节'
}