generated at
React Tableで列を隠す
初期状態で列を隠すときは、useTable() initialState.hiddenColumns を渡す
ts
const { getTableProps, getTableBodyProps, headerGroups, prepareRow, rows, } = useTable({ columns: header, data: records ?? [], initialState:{ hiddenColumns:['col1','col3'], }, });
途中で表示非表示を変えたいときは toggleHidden: (columnId: string,hidden?: boolean) => void を使う
checkboxで切り替えたいときは、各checkboxに column.getToggleHiddenProps() を渡す

#2020-12-04 14:10:12