Ag-Grid:将列的位置锁定到最后一列

标签 ag-grid

我想知道是否有一种方法可以有效地锁定 Ag-Grid 中的列,以便无论如何该列始终是最后一列。

背景

我最终要寻找的是,如果网格大小大于所有列宽的总和,则避免在最后一列之后出现空白。这是为了给网格一个一致的、专业的外观,特别是考虑到偶数/奇数行通常以不同的颜色呈现。我希望空白区域也具有交替的背景颜色。

鉴于似乎没有强制网格将末尾的空白空间呈现为伪列的网格属性,因此我正在考虑以这种方式手动添加伪列:

  • 伪列没有标题
  • 伪列没有数据
  • 伪列不可排序(通过 sortable: false 实现)
  • 伪列不可手动调整大小(通过 resizable: false 实现)
  • 伪列是唯一列,它具有suppressSizeToFit: false
  • 将伪列锁定为始终是最后一列,这样用户就无法将列拖到它的右侧

除了上面列表中的最后一项,我已经找到了实现所有功能的方法。我知道我可以 suppressMovable: true 但这只能确保列本身不可拖动,它不会阻止用户将列拖动到它的右侧。

实际上,我正在寻找类似于 lockPosition 的东西,但我不想将列锁定到前面,而是想将列锁定到末尾。

最佳答案

关注农业网格积压中当前 Unresolved AG-3326 问题 https://www.ag-grid.com/ag-grid-pipeline/

“允许锁定 ( lockPosition ) 列始终是第一列或最后一列(目前仅支持第一列)”

关于Ag-Grid:将列的位置锁定到最后一列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57017336/

相关文章:

javascript - 在 ag-grid 上使用正确的单元格格式导出到 excel

ag-grid setColumnVisible 不起作用

angular - 直到交互才创建 Ag Grid 自定义过滤器

angular - 是否可以访问各个 ag-grid 列标题来实现 : on-mouseover ="method_name()" on them?

javascript - ag-grid 对单元格值的排序已更改

ag-grid - 向网格添加新行

javascript - 如果找不到数据,ag-grid 将所有内容隐藏在列标题下方

javascript - Angular2 + ag-Grid 无法加载 ag-grid-ng2/main.js (404 Not Found)

reactjs - Ag-Grid - 如何在同一个网格中制作两个水平滚动条?

jquery - 有没有办法强制显示 ag-grid 行,即使它不符合快速过滤条件?