Laravel-admin 表格添加滚动条

laravel-admin数据添加横向滚动条

当列数据过多时再小屏幕显示会有挤压现象，可以通过css的媒体查询添加横向滚动条
可以在全局添加可以在当前页面添加

1. 创建css文件
   laraveladmin 创建文件public/static/css/scroll_bar.css将一下代码添加进去 （css可根据自己需要进行调整）

.box>.box-body>table>thead>tr>th{
    min-width: 4em;
}
@media screen and (max-width: 1600px){
    .box>.box-body{
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .box>.box-body>table>thead>tr>th{
        min-width: 6em;
        max-width: 12em;
        white-space: pre-wrap;
    }
    .box>.box-body>table>tbody>tr>td{
        min-width: 6em;
    }
}

2. 全局添加（如果不需要全局添加直接第三步）
   在 app/Admin/bootstrap.php文件中添加

Admin::css('/static/css/scroll_bar.css');

3. 单个页面添加添加
   进入相应页面添加

Admin::css('/static/css/scroll_bar.css');

本作品采用《CC 协议》，转载必须注明作者和本文链接