laravel-admin 表格 固定头部

局部使用#

Admin::style(
<<<STYLE
        tbody {
            display: block;
            max-height: 200px;
            overflow-y: scroll;
        }
        /*设置头与内容自动对齐*/
        table thead,tfoot,tbody tr {
            display: table;
            table-layout: fixed;
            /*来自coding的添加*/
            width:  100%;
            word-wrap:  break-word;
        }
        /*给滚动条预留宽度*/
        table thead,tfoot {
            width: calc( 100% - 1em);
            background: #EFF0F5;
        }
STYLE
        );

全局注入#

在 bootstrap 文件里面复制上述代码

写入自行定义的 css 文件里面#

laravel-admin  表格固定头部

效果#

laravel-admin  表格固定头部

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 8

老哥问一下,表格使用外部 api 数据咋整,我看了几个案例跑不通。

4年前 评论

@哓东 额…… 我记得的是,按照文档走就 OK 了

4年前 评论
哓东 4年前

为啥不行呀 页面乱了

4年前 评论
妖都水鬼 (楼主) 4年前
table thead,tfoot,tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;                   ----------------++
    word-wrap: break-word;         ----------------++
}

建议加上这两行,否则样式会乱 :smirk:

4年前 评论
junson 4年前

固定 标题 可以, 但是 固定列 就是 失效, 标题挤压在一起 $grid->fixColumns (6, -6);

4年前 评论
妖都水鬼 (楼主) 4年前

我在 dcat-admin 内使用您的方法,但在之后在 grid 对 column 单独定义 width 就没用了

4年前 评论
dignfei 3年前

@还以为能元气满满 我也遇到了你一样的问题,你解决了么?

3年前 评论
还以为能元气满满 3年前

大佬牛逼,列表高度固定了 200px,能不能自适应屏幕?

3年前 评论
妖都水鬼 (楼主) 3年前
妖都水鬼 (楼主) 3年前
dignfei (作者) 3年前