代码,我已经尝试了粘性头和粘性列,问题是,两者都不一起工作尝试了这么多的选项,但有些时候粘性头不工作与水平滚动和一些最后一列的行动项目是不可见的,如果定义右侧粘性列
<MaterialTable
columns={columns
.filter(l => selectedColumns.includes(l.field as keyof T))
.map(val => ({
...val,
headerStyle: {
whiteSpace: 'nowrap',
// minWidth: '400px',
},
cellStyle: {
whiteSpace: 'nowrap',
// minWidth: '400px',
},
}))}
localization={localization}
icons={icons}
options={{
...options,
// paging: false,
maxBodyHeight: '550px',
headerStyle: { position: 'sticky',top: 0},
overflowY?: "scroll",
// actionsCellStyle?: { paddingRight: '23px'},
selection: showMultiSelector,
//actionsColumnIndex: 0,
fixedColumns: fixLeftMostColumn
? {
right: -1,
}
: {},
}}
/>
1条答案
按热度按时间qv7cva1a1#
找到了一些解决方案,但与上述材料ui的实施例相同,并进行React。https://codesandbox.io/s/bn7c7?file=/demo.js带有粘性标题和粘性列的物料表,带有操作项