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 协议》,转载必须注明作者和本文链接
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 8

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

3年前 评论

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

3年前 评论
哓东 3年前

为啥不行呀 页面乱了

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

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

3年前 评论
123wjeason 3年前
junson 3年前

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

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

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

3年前 评论
dignfei 2年前

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

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

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

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

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!