如何在 Ag-Grid 中以相反的方向显示行索引？

Posted 2023-02-18

【中文标题】如何在 Ag-Grid 中以相反的方向显示行索引？

【英文标题】：How to display row index in Ag-Grid in opposite dirrection?

【发布时间】：2021-12-21 11:09:42

【问题描述】：

我需要显示 Ag-grid 表的行索引。 我的问题是它将网格顶部的第一个项目编号为 Nr 1。 但我需要 ag 网格来计算第一个具有大数字的项目和底部最旧的项目，Nr 1。 我在文档上看了很多，但没有找到任何聪明的解决方案。 我可以在这里编写自己的单元格渲染器，但我认为这样做是错误且复杂的。 有谁知道有没有可能用 value getter 做一些事情来让它反方向计数？

<AgGridColumn
  headerName='Nr'
  field="i"
  width=50
  lockPosition=true
  valueGetter='node.rowIndex+1' 
/> 

【参考方案1】：

试试这个：

html：

<AgGridColumn
          headerName='Nr'
          field="i"
          width=50
          lockPosition=true
          valueGetter=inverseRowCount
        />

JS：

const inverseRowCount = (params) => 
    return params.api.getDisplayedRowCount() - params.node.rowIndex;
  ;

Demo.