如何在material-react-table中默认固定操作列（Actions）到右侧？

如果之前用initialState配置未生效，可尝试以下几种可行方案：

方案一：直接在列定义中设置固定属性 #

在操作列的配置里直接添加pinned: 'right'，这是最直观的实现方式：

const columns = [
  // 其他列配置...
  {
    id: "RowActions",
    header: "操作",
    pinned: 'right', // 直接将该列固定到右侧
    cell: ({ row }) => (
      <div>
        <button>编辑</button>
        <button>删除</button>
      </div>
    ),
  },
];

方案二：修正initialState配置的使用方式 #

若坚持通过initialState控制，需确保表格启用了列固定功能，且列id完全匹配：

<MaterialReactTable
  columns={columns}
  data={tableData}
  enableColumnPinning={true} // 确认开启列固定功能
  initialState={{
    columnPinning: {
      right: ["RowActions"], // 此处id必须与操作列定义的id完全一致
    },
  }}
/>

关键注意点 #

• 操作列的id必须完全匹配，包括大小写，比如定义的是"RowActions"，就不能写成"rowActions"或"Actions"。
• 若表格存在动态生成列的情况，要保证操作列的id在初始化阶段已存在，否则initialState无法识别。

内容的提问来源于stack exchange，提问作者Rahul