reactjs 带粘性标题和带行动项的粘性列的物料表

slwdgvem  于 2023-06-05  发布在  React
关注(0)|答案(1)|浏览(598)

代码,我已经尝试了粘性头和粘性列,问题是,两者都不一起工作尝试了这么多的选项,但有些时候粘性头不工作与水平滚动和一些最后一列的行动项目是不可见的,如果定义右侧粘性列

<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,
                }
              : {},
          }}
/>
qv7cva1a

qv7cva1a1#

找到了一些解决方案,但与上述材料ui的实施例相同,并进行React。https://codesandbox.io/s/bn7c7?file=/demo.js带有粘性标题和粘性列的物料表,带有操作项

相关问题