React 数据网格将冻结列显示为 table 中的最后一列

Question

我正在使用 react-data-grid 库，我正在寻找一种方法使冻结的列（标记为红色）出现在右侧而不是左侧（同时仍保持冻结状态）。这是他们 website demo:

的片段

function getColumns(countries: string[], direction: Direction): readonly Column<Row, SummaryRow>[] {
  return [
    SelectColumn,
    {
      key: 'id',
      name: 'ID',
      width: 60,
      frozen: true,
      resizable: false,
      summaryFormatter() {
        return <strong>Total</strong>;
      }
    },
    {
      key: 'title',
      name: 'Task',
      width: 120,
      frozen: true,
      editor: TextEditor,
      summaryFormatter({ row }) {
        return <>{row.totalCount} records</>;
      }
    },
    {
      key: 'client',
      name: 'Client',
      width: 220,
      editor: TextEditor
    },
    ...

似乎已冻结属性将列固定到左侧，并且没有将它们固定到右侧的选项。我怎样才能做到这一点？

Answer 1

因为我需要这个要求，所以我最终分叉库来添加这个功能。我为此功能打开了一个 PR，并在公共功能演示中添加了一个示例：https://github.com/adazzle/react-data-grid/pull/2888/files

React 数据网格将冻结列显示为 table 中的最后一列

React Data Grid displaying frozen columns as last columns in the table

javascript

reactjs

react-data-grid