inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-07-06 21:50:55 +00:00
Code Activity

[UI] Fix table column ordering (#9945)

Browse Source 
* Fix table column ordering

- Ensure that table columns are always rendererd in the correct order

* Cleanup code

* Adjust col order
This commit is contained in:
Oliver
2025-07-03 13:32:53 +10:00
committed by GitHub
parent ededeeee00
commit 305b253417
2 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/frontend/src/tables/InvenTreeTable.tsx
View File

@ -378,19 +378,20 @@ export function InvenTreeTable<T extends Record<string, any>>({
// Ensure that the "actions" column is always at the end of the list
// This effect is necessary as sometimes the underlying mantine-datatable columns change
useEffect(() => {
const idx: number = tableColumns.columnsOrder.indexOf(
ACTIONS_COLUMN_ACCESSOR
);
// Ensure that the columns are always in the order specified by the columns prop
const columnOrder = tableColumns.columnsOrder.slice().sort((a, b) => {
const idxA = dataColumns.findIndex((col: any) => col.accessor == a);
const idxB = dataColumns.findIndex((col: any) => col.accessor == b);
return idxA - idxB;
});
if (idx >= 0 && idx < tableColumns.columnsOrder.length - 1) {
// Actions column is not at the end of the list - move it there
const newOrder = tableColumns.columnsOrder.filter(
(col) => col != ACTIONS_COLUMN_ACCESSOR
);
newOrder.push(ACTIONS_COLUMN_ACCESSOR);
tableColumns.setColumnsOrder(newOrder);
// Update the columns order only if it has changed
if (
JSON.stringify(tableColumns.columnsOrder) != JSON.stringify(columnOrder)
) {
tableColumns.setColumnsOrder(columnOrder);
}
}, [tableColumns.columnsOrder, tableColumns.setColumnsOrder]);
}, [dataColumns, tableColumns.columnsOrder]);
// Reset the pagination state when the search term changes
useEffect(() => {

12
src/frontend/src/tables/build/BuildAllocatedStockTable.tsx
View File

@ -112,12 +112,6 @@ export default function BuildAllocatedStockTable({
sortable: true,
switchable: true
},
{
accessor: 'quantity',
title: t`Allocated Quantity`,
sortable: true,
switchable: false
},
{
accessor: 'serial',
title: t`Serial Number`,
@ -137,6 +131,12 @@ export default function BuildAllocatedStockTable({
title: t`Available Quantity`,
render: (record: any) => record?.stock_item_detail?.quantity
},
{
accessor: 'quantity',
title: t`Allocated Quantity`,
sortable: true,
switchable: false
},
LocationColumn({
accessor: 'location_detail',
switchable: true,