将自定义“ALL”总计行添加到可以像任何其他行一样选择的 ag-grid 的顶部

如何解决将自定义“ALL”总计行添加到可以像任何其他行一样选择的 ag-grid 的顶部

我有一个包含 2 列的 ag 网格表 - 一个文本和一个数字。

我需要在我的 ag-grid 表格的顶部添加一个自定义行，其中包含数字列的总值和文本列中的“ALL”一词。

这需要在顶部。并且即使表格已排序也不应改变其位置。

此外，该行应该是可选择的。

在这方面的任何帮助将不胜感激！

解决方法

听起来您在描述 Row Pinning，这已经是 AG Grid 中的一个功能。但是，由于您还声明行选择是一项要求，因此行固定是不可能的，因为它是 not supported。

相反，我建议在 rowData 内为自定义行添加一个额外的行对象，并在必要时自行处理数字列和自定义行位置的更新：

如果你想处理数字列的总值那么你可以使用以下逻辑：

function updateTotalRowNode() {
  let totalRowNode;
  let sum = 0;
  gridOptions.api.forEachNode((node) => {
    if (node.data.totalRow) {
      totalRowNode = node;
    } else {
      sum += node.data.gold;
    }
  });
  totalRowNode.setDataValue('gold',sum);
}

如果您想将自定义行始终保留在第一行，那么您可以implement the postSort callback：

  postSort: (rowNodes) => {
    // here we put All row on top while preserving the sort order
    let nextInsertPos = 0;
    for (let i = 0; i < rowNodes.length; i++) {
      const athlete = rowNodes[i].data.athlete;
      if (athlete === 'All') {
        rowNodes.splice(nextInsertPos,rowNodes.splice(i,1)[0]);
        nextInsertPos++;
      }
    }
  },

参见following plunker for the implementation。