NGX Datatable最大高度可在初始渲染上使用,但在过滤后会中断

时间:2018-12-27 18:39:30

标签: javascript css angularjs

我在调整带有NGX Datatable的div时遇到麻烦。

我希望桌子的最大高度为250px。 (理想情况下,我实际上想简单地将最大高度限制为5行)。我当前的实现是:

    ptr->LastName[0] = 0;
    ptr->FirstMiddleName[0] = 0;

当我过滤时,数据数组也会相应调整。我以此为指导进行过滤(Implementing NGX Datatable filtering on all columns

按现状显示,它仅按预期显示每一行。现在我需要设置最大高度。到目前为止,这是我尝试过的:

我能得到的最接近的方法是删除scrollbarY参数并添加虚拟化:

printf("%s", person.LastName[0]);

这实际上具有我想要的确切输出,除了(显然)缺少滚动条,这意味着我只能看到前5行。话虽如此,但过滤完成后,它会按预期收缩和增长。

接下来,我尝试通过向后添加滚动条并添加具有最大高度的CSS来通过CSS处理此问题:

person.LastName[0]

因此在初始渲染时它是完美的。 NGX数据表为250px。应用过滤器后,NGX数据表会根据应用的过滤器缩小到适当的大小。麻烦的是当我清除过滤器时,它是这样的:

https://imgur.com/7JuPkma

在该图片中很难看到它,但是表格现在约有10像素高,并且其中包含了所有数据(约500行),但是由于某种原因,它已经崩溃了,无法遵守最大-高度CSS。

有人知道该怎么做吗?预先感谢!

0 个答案:

没有答案