layui table.render每行高度
时间: 2023-09-08 14:01:01 浏览: 1824
在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表格每行的高度。
阅读全文