layui 去掉隐藏表头

最新推荐文章于 2023-12-01 11:02:53 发布

毛毛小尾巴

最新推荐文章于 2023-12-01 11:02:53 发布

阅读量1w

点赞数 1

分类专栏：前端文章标签： layui

本文链接：https://blog.csdn.net/weixin_38728273/article/details/86171813

版权

前端专栏收录该内容

25 篇文章 0 订阅

订阅专栏

1，hide属性

2，.css样式

table.render({
    elem: '#message',
    url:'/messages/Limit',
    method: 'POST',
    contentType: 'application/json',
    height:'full-130',
    title: '信息表',
    request: {
        pageName: 'pageNumber',
        limitName: 'pageSize'
    },
    cols: [[
       
        {field:'extend1Msg',title:'扩展字段1',align: 'center'},
        {field:'extend2Msg',title:'扩展字段2',templet:"#upStatus",align: 'center'},
        {fixed: 'right', title: '操作', toolbar: '#barInfo', width:130, align: 'center'}
    ]],
    done: function (res, curr, count) {
$('.layui-table .layui-table-cell > span').css({'font-weight': 'bold'});//表头字体样式
        /*$('th').css({'background-color': '#5792c6', 'color': '#fff','font-weight':'bold'}) 表头的样式 */
        $('th').hide();//表头隐藏的样式
        $('.layui-table-page').css('margin-top','40px');//页码部分的高度调整
    },
    id: 'messageReload',
    page: true
});

毛毛小尾巴

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
layui 去掉隐藏表头

1，hide属性2，.css样式 table.render({ elem: '#message', url:'/messages/Limit', method: 'POST', contentType: 'application/json', height:'full-130', title: '信息表', request: ...
复制链接

扫一扫