如何在MUI DataTable中为固定行启用复选框选择功能？

API 探路者

2026-7-7

解决固定行复选框不渲染的问题

先检查固定行的列配置：不少表格组件的固定行/列是独立的配置分支，你得确认固定行对应的复选框列在固定区域的列定义里也配置了。比如有些组件普通行的复选框列加了type="selection"，但固定行的列配置里漏了这个声明，自然不会渲染复选框。
强制触发固定行的渲染刷新：部分组件的固定行DOM是单独生成的，可能因为数据加载和固定行初始化的时机差，导致复选框没渲染出来。可以在表格数据加载完成后，手动调用组件的刷新方法，比如tableInstance.refreshLayout()或者框架对应的组件实例刷新API。
用自定义模板手动渲染复选框：如果组件默认的复选框逻辑没覆盖固定行，直接写自定义单元格模板。举个Element UI的例子：
```
<el-table-column fixed type="selection" width="55">
  <template slot-scope="scope">
    <el-checkbox v-model="scope.row._selected" @change="syncSelectStatus(scope.row)"></el-checkbox>
  </template>
</el-table-column>
```
自己维护选中状态，还要写方法同步非固定行的选中状态，确保整体多选逻辑一致。
排查样式隐藏问题：有时候预留了空间但复选框被CSS隐藏了，用浏览器DevTools定位固定行里的复选框DOM，看看是不是有display: none、opacity: 0这类样式规则，尤其是组件自带的固定行样式可能把复选框元素覆盖了。