Ag-grid:几列响应问题

时间:2019-12-10 16:23:56

标签: angular ag-grid responsiveness

我有一个只有两列的简单表。默认情况下,它们不适合桌面视图中的整个表格宽度(它们仅占整个网格大小的20%)。因此,我必须调用sizeColumnsToFit方法以将它们扩展为整个表大小:

onGridReady(params): void {
    params.api.sizeColumnsToFit();
    ...
}

,之后一切看起来都很好。但是,在移动视图中,这些列超出了屏幕大小,因此网格试图通过剪切文本并添加点(...)来使列适合。虽然我想为移动视图提供水平滚动,但是就像autoSizeColumns方法一样。

现在我看到2种解决方案

  1. 确定这是哪台设备并调用适当的方法- 对于这种愚蠢的问题,似乎是一大笔钱。

  2. dirty patching通过修改表格 css,这可能会导致意外行为。

问题是-是否有一些简单的解决方案,如何扩展大屏幕的列并具有小屏幕的水平滚动?

0 个答案:

没有答案