javascript - 如何防止网格变得小于最小高度？

Question

我使用 vaadin-grid 并希望在选择行时使用行详细信息视图。只要表格有很多行，这就会起作用。假设您过滤了一些表格数据并且表格变小了

当您选择一行时，您将无法再看到行详细信息视图，因为网格太小了。

如何防止网格变得小于最小高度？

Answer 1

您可以使用数据容器重新计算详细信息生成器内的网格高度。它不是最终的解决方案，但它非常适合我的需求，即动态改变网格高度而没有滚动条。

Grid table...
table.setHeightMode(HeightMode.ROW);
table.setDetailsGenerator(new DetailsGenerator() {

   public Component getDetails(RowReference rowReference) {
      table.setHeightByRows(tableContainer.getItemIds().size() + 4);
      //detalis height is constant so I solve this by adding extra space which equals the size of 4 the rows
      //
      //for filtered container you can use tableContainer.getVisibleItemIds()
   }
}

希望有所帮助。如果您找到更好的解决方案，请在此处发布。我没有检查，但是如何将组件标记为内部细节生成器？