layui数据表格滚动条

如果你想在layui数据表格中添加滚动条，可以在表格容器外面再套一个div，给这个div设置固定高度和overflow-y:scroll属性，然后将表格放在这个div里面即可。示例代码如下：

<div style="height: 300px; overflow-y: scroll;">
  <table class="layui-table">
    <!-- 表格内容 -->
  </table>
</div>

这样就可以在表格超出高度时显示滚动条了。

相关问题

layui数据表格当浏览器缩小时不会自动出现横向滚动条

在Layui数据表格中，当浏览器缩小时不会自动出现横向滚动条的问题，可以通过以下两种方式解决：

1. 设置表格容器的CSS样式，使其具有固定宽度并且具有横向滚动条。

例如，在表格容器的div标签中添加以下CSS样式：

<div style="width: 100%; overflow-x: auto;">
    <!-- layui数据表格代码 -->
</div>

其中，`width: 100%;`表示容器宽度为100%，`overflow-x: auto;`表示容器出现横向滚动条。

2. 使用Layui提供的 `lay-size="sm"` 属性，将表格设置为响应式表格，当浏览器窗口缩小时，表格会自动变为响应式表格，出现横向滚动条。

例如，在 `table` 标签中添加 `lay-size="sm"` 属性：

<table lay-filter="demo" lay-size="sm">
    <!-- 表头和表身 -->
</table>

以上两种方式均可解决表格缩小时不出现横向滚动条的问题。

layui table 没有滚动条

可以尝试在 table 的配置项中设置 height 属性，例如：

table.render({
  elem: '#demo',
  height: 400, //设定容器高度
  url: '/demo/table/user/',
  cols: [[
    {field:'id', title: 'ID', width:80},
    {field:'username', title: '用户名', width:80},
    {field:'sex', title: '性别', width:80, sort: true},
    {field:'city', title: '城市', width:80},
    {field:'sign', title: '签名', width: 177},
    {field:'experience', title: '积分', width: 80, sort: true},
    {field:'score', title: '评分', width: 80, sort: true},
    {field:'classify', title: '职业', width: 80},
    {field:'wealth', title: '财富', width: 135, sort: true},
  ]]
});

如果表格数据超过了设定的高度，就会出现滚动条。