是否可以在ag-grid的行组周围放置边框

Question

是否有人在行组周围放置边框以帮助使其网格更易于阅读？如果是这样，任何指导将不胜感激。

Answer 1

您可以使用getRowStyle指定需要设置样式的行。对于您而言，可以通过检查RowNode.group是否为true来确定行是普通行还是行组。

AgGrid仅使用border-top为行边框设置样式。行的border-bottom实际上是其下一行的border-top，这意味着您可以通过对第一个孩子的border-bottom进行样式设置来直观地对行组的border-top进行样式设置组（RowNode.firstChild）。

这里是一个例子：

const getRowStyle = (params) => {
  const { node } = params;
  if (
    (node.rowIndex !== 0 && node.group) ||
    (!node.group && node.firstChild)
  ) {
    return { borderTop: "pink solid 1px !important" };
  }
}

实时演示