我希望我的用户能够拖动材料表上的列并保持该状态持久化。我可以随时获取我的专栏的状态和他们的订单。我确实救了他们。但是,当我尝试使用列的保存顺序进行渲染时,它似乎没有更新我的材质表。
我正在使用 material-table.com 中的 react Material-Table
这是我正在尝试执行的代码:
const tableHeaders = [];
tableHeaders.push({ title: 'a', field: 'a' });
tableHeaders.push({ title: 'b', field: 'b' });
tableHeaders.push({ title: 'c', field: 'c' });
const Table = (props) => {
const [state, setState] = useState({
headers: tableHeaders,
data: data // some data
});
const handleColumnDragged = (start, end) => {
// process the order of columns
// create as an array i.e. order = [2, 1, 0]
updateOrder(order);
// save to database
}
const updateHeaderOrder …
Run Code Online (Sandbox Code Playgroud)