如何调整Material-React-Table中固定行操作列的宽度?
调整MaterialReactTable行操作列宽度的方法
- 直接在
columns配置里给行操作列加专属配置即可,它的固定标识ID是mrt-row-actions - 具体操作步骤:
- 在
MaterialReactTable组件的columns属性数组中,新增一个配置对象,将id设为mrt-row-actions - 在该配置对象中添加
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
相关产品推荐
相关产品推荐

