Layui table点击按钮显示隐藏列

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

Effortzjw

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

阅读量3k

点赞数

分类专栏： Layui

本文链接：https://blog.csdn.net/qq_33966519/article/details/103618569

版权

Layui 专栏收录该内容

13 篇文章

订阅专栏

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 = '显示细节'
}