【问题标题】:How to display row index in Ag-Grid in opposite dirrection?如何在 Ag-Grid 中以相反的方向显示行索引?
【发布时间】: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' 
/> 

【问题讨论】:

    标签: node.js reactjs ag-grid ag-grid-react


    【解决方案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.

    【讨论】:

      猜你喜欢
      • 2019-08-27
      • 2017-04-11
      • 1970-01-01
      • 2016-08-02
      • 2019-09-08
      • 1970-01-01
      • 2019-05-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多