material-ui - 带有粘性标题的材料表和带有操作项的粘性列

Question

我为粘性标题和粘性列尝试过的代码，问题是两者都没有一起工作尝试了这么多选项，但有时粘性标题不能与水平滚动一起使用，如果定义右侧粘性列，则最后一列操作项不可见

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

标签： material-uireact-material

Answer 1

找到了一些解决方案，但用材料 ui 和反应看上面的例子。 https://codesandbox.io/s/bn7c7?file=/demo.js 带有粘性标题的材料表和带有操作项的粘性列