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

Question

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

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

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

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

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

Answer 1

听起来你在描述行固定，这已经是 AG Grid 中的一个功能。 但是，由于您还声明行选择是一项要求，因此 Row Pinning 无法实现，因为它不受支持。

相反，我建议在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);
}

如果要始终将自定义行保留在顶行，则可以 实现postSort回调：

  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, 0, rowNodes.splice(i, 1)[0]);
        nextInsertPos++;
      }
    }
  },

有关实现，请参阅以下 plunker 。