用制表器设置最大桌子高度

时间:2019-01-14 09:17:57

标签: tabulator

Tabulator库似乎支持两种模式来设置表的高度:一个显式值(如果数据集中的行不足,则强制在底部显示一个“灰色”区域;如果它们也是如此,则使用垂直滚动条)多行)或自动模式(调整高度以适合实际数据,不创建滚动条)。

可以使用最大高度,以便在需要时显示垂直滚动条,否则可以根据内容调整高度?

2 个答案:

答案 0 :(得分:3)

对此没有任何真正记载。但是我发现为.tabulator-tableHolder类分配一个max-height可以完成工作。

localhost/moviereview/?action=get_review&genre=drama

答案 1 :(得分:1)

从4.6版开始,您现在可以使用表构造器对象中的 maxHeight 属性在桌子上设置最大高度:

var table = new Tabulator("#example-table", {
    maxHeight:"100%", //do not let table get bigger than the height of its parent element
});

以这种方式进行操作还可以提高渲染效率,因为当表格超出其父元素的高度时,表格将使用虚拟DOM,从而减少了页面的加载时间

详细信息可以在Variable Height Tables Documentation

中找到