layui table.render 里面的 height:‘315px’这个高度设置失效

如果在Layui的table.render中设置height:'315px'参数后发现高度设置失效，可能是因为该参数的优先级被其他CSS样式所覆盖。您可以尝试在height参数前面加上!important关键字，如下所示：

height: '315px!important',

这样可以提高该参数的优先级，从而确保高度设置生效。另外，还需要确保该参数被应用到了正确的元素上，例如：

<table id="demo" lay-filter="test" style="height: 315px;"></table>

在以上代码中，需要确保style属性被应用到了table元素上，而非其父元素。如果以上方法仍然无法解决问题，您可以尝试使用浏览器的开发者工具查看元素的CSS样式，找到覆盖height参数的样式并进行调整。

相关问题

layui table.render每行高度

在Layui中，通过table.render渲染表格时，可以通过设置height属性来设置每行的高度。

table.render({
elem: '#table',
height: 400,
url: '数据接口',
...
});

以上代码中，设置height属性为400，表示每行的高度为400像素。如果不设置height属性，表格每行的高度会自适应内容的高度。

另外，如果需要为某一行设置特定的高度，可以通过在数据接口中返回对应行的数据时，为该行的tr标签添加style属性来实现。

例如，数据接口返回的数据为：

{
data: [
{id: 1, name: '小明', height: '50px'},
{id: 2, name: '小红', height: '60px'},
{id: 3, name: '小刚', height: '70px'}
],
...
}

在table.render的设置中，可以通过templet属性来格式化表格的内容。可以在templet函数中判断当前行的数据，并添加style属性来设置行的高度。

table.render({
elem: '#table',
url: '数据接口',
templet: function(d) {
var style = '';
if (d.height) {
style = 'style="height: ' + d.height + '"';
}
return '<tr ' + style + '><td>' + d.id + '</td><td>' + d.name + '</td></tr>'
},
...
});

以上代码中，templet函数判断当前行的数据是否存在height属性，如果存在，则生成对应的style属性。使用style属性设置行的高度。

综上所述，可以通过设置height属性或在templet函数中添加style属性来设置Layui表格每行的高度。

layui table.render 如何固定表头行

在Layui的table.render中，可以通过设置固定表头行的方式，使表格在滚动时表头保持在视图中不动，具体方法如下：

1. 在table.render中添加固定表头行的配置项：

table.render({
  // ...
  cols: [[
    {field: 'id', title: 'ID', width: 80, fixed: 'left'},
    {field: 'username', title: '用户名', width: 120},
    {field: 'city', title: '城市', width: 100},
    // ...
  ]],
  // ...
});

在表头的每一列中，可以通过设置fixed属性为'left'或'right'，来将该列固定在表格的左侧或右侧。如果需要固定多列，可以在cols中使用多个数组来分别设置每一行的列。

2. 在table.render外部添加CSS样式：

<style>
.layui-table-header {
  position: fixed;
  top: 100px;
  z-index: 1;
}
</style>

在CSS样式中，设置layui-table-header元素的position属性为fixed，并通过top属性设置表头离页面顶部的距离。通过z-index属性设置表头的层级，确保表头在视图中的显示顺序。

需要注意的是，固定表头行会影响表格的布局，可能会导致表格显示异常，需要根据实际情况进行调整。