You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何调整Material-React-Table中固定行操作列的宽度?

调整MaterialReactTable行操作列宽度的方法
  • 直接在columns配置里给行操作列加专属配置即可,它的固定标识ID是mrt-row-actions
  • 具体操作步骤:
    1. 在MaterialReactTable组件的columns属性数组中,新增一个配置对象,将id设为mrt-row-actions
    2. 在该配置对象中添加width属性,填入你需要的宽度值(默认单位为px,例如写120即代表120px宽度)
  • 示例代码:
<MaterialReactTable
  enableRowActions
  renderRowActions={({ row }) => (
    // 这里放置你的行操作按钮,比如编辑、删除等
    <Button variant="contained" size="small">编辑</Button>
  )}
  columns={[
    // 你的其他列配置...
    {
      id: 'mrt-row-actions',
      width: 120, // 自定义行操作列宽度
    },
  ]}
  // 其他已配置的props(如列固定相关设置)
/>
  • 关键属性:width,该属性专门用于指定列宽度,且不会影响你已设置的行操作列右侧固定状态

内容的提问来源于stack exchange,提问作者Krutik Aghera

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 04:44:52