@agile-team/mach-table 0.14.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/index.cjs +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +34 -4
- package/dist/index.d.ts +34 -4
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/mach-table.css +3 -3
package/README.md
CHANGED
|
@@ -21,6 +21,7 @@ const api = createGrid(document.querySelector("#grid")!, {
|
|
|
21
21
|
],
|
|
22
22
|
rowData: [{ id: "1", name: "MachTable" }],
|
|
23
23
|
rowKey: "id",
|
|
24
|
+
enableColumnResize: true,
|
|
24
25
|
stateKey: "customer-list"
|
|
25
26
|
});
|
|
26
27
|
|
|
@@ -86,6 +87,8 @@ api.setOverlay("error", () => "Request failed. Please retry.");
|
|
|
86
87
|
|
|
87
88
|
`rowKey: "id"` is shorthand for a stable field path; `getRowId` remains available for derived IDs and wins when both are present. `domLayout: "autoHeight"` is intended only for small client-side tables—normal virtual layout remains the large-data default.
|
|
88
89
|
|
|
90
|
+
Column resizing is deliberately opt-in. Set `enableColumnResize: true`; add `stateKey` to remember the complete workspace, or `columnStateKey` to remember only widths/order/visibility/pinning/sort. Pointer cancellation rolls back, completed drags persist once, and untouched automatic/flex columns remain responsive.
|
|
91
|
+
|
|
89
92
|
For framework applications use the official adapters:
|
|
90
93
|
|
|
91
94
|
- Vue 3: [`@agile-team/mach-table-vue`](https://www.npmjs.com/package/@agile-team/mach-table-vue)
|