在筛选 Table 后，如何 "hide" 空行？

Question

我有一个搜索栏，可以在下面的网格 table 中显示任何 match/query。这工作正常，但问题是在过滤查询时，Table 也会显示我想删除的空行。

示例：我有一个包含 10 个数据集的 JSON，因此如果查询匹配其中的 3 个数据集，我的 table 将显示这 3 个匹配项，然后显示 7 个空行。见下图。

如何删除网格中的空行 table？

我正在使用 sap.ui.table.Table 库：link

Answer 1

由于 table 控件的 visibleRowCount 属性，"empty" 行可见。通过为绑定的更改事件添加处理程序，您可以在每次行绑定更改时动态更新它。例如...

查看：

<Table id="myTable" rows="{ path: '/rows', events: { change: '.onBindingChange' } }">

控制器：

onBindingChange: function(oEvent) {
    this.getView().byId("myTable").setVisibleRowCount(oEvent.getSource().getLength());
}

您可以看到一个有效的 (JavaScript) example here

可能还值得一试 visibleRowCountMode，它将允许您控制 table 处理可见行的方式。