`
const sorting = ref<SortingState>([]);
const selectedSorting = ref<SortingState>([]);
mainColumns.value = [...columns.value];
table.value = useVueTable({
get data() {
return bulldata.value;
},
columns: mainColumns.value,
getCoreRowModel: getCoreRowModel(),
initialState: {
pagination: {
pageIndex: INITIAL_PAGE_INDEX,
pageSize: 50,
},
},
state: {
get sorting() {
return sorting.value;
},
get columnVisibility() {
return columnVisibility.value;
},
// etc
selectedColumns.value = [...columns.value];
selectedTable.value = useVueTable({
get data() {
return selectedRows.value;
},
columns: selectedColumns.value,
getCoreRowModel: getCoreRowModel(),
getSortedRowModel: getSortedRowModel(),
state: {
sorting: selectedSorting.value,
},
onSortingChange: (updaterOrValue) => {
selectedSorting.value =
typeof updaterOrValue === "function"
? updaterOrValue(selectedSorting.value)
: updaterOrValue;
},
});
`
const sorting = ref<SortingState>([]);
const selectedSorting = ref<SortingState>([]);
mainColumns.value = [...columns.value];
table.value = useVueTable({
get data() {
return bulldata.value;
},
columns: mainColumns.value,
getCoreRowModel: getCoreRowModel(),
initialState: {
pagination: {
pageIndex: INITIAL_PAGE_INDEX,
pageSize: 50,
},
},
state: {
get sorting() {
return sorting.value;
},
get columnVisibility() {
return columnVisibility.value;
},
// etc
selectedColumns.value = [...columns.value];
selectedTable.value = useVueTable({
get data() {
return selectedRows.value;
},
columns: selectedColumns.value,
getCoreRowModel: getCoreRowModel(),
getSortedRowModel: getSortedRowModel(),
state: {
sorting: selectedSorting.value,
},
onSortingChange: (updaterOrValue) => {
selectedSorting.value =
typeof updaterOrValue === "function"
? updaterOrValue(selectedSorting.value)
: updaterOrValue;
},
});