@tanstack/vue-table 9.0.0-beta.46 → 9.0.0-beta.48
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/package.json +2 -2
- package/skills/create-table-hook/SKILL.md +1 -1
- package/skills/getting-started/SKILL.md +4 -4
- package/skills/migrate-v8-to-v9/SKILL.md +4 -4
- package/skills/table-state/SKILL.md +1 -1
- package/skills/with-tanstack-query/SKILL.md +1 -1
- package/skills/with-tanstack-virtual/SKILL.md +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/vue-table",
|
|
3
|
-
"version": "9.0.0-beta.
|
|
3
|
+
"version": "9.0.0-beta.48",
|
|
4
4
|
"description": "Headless UI for building powerful tables & datagrids for Vue.",
|
|
5
5
|
"author": "Tanner Linsley",
|
|
6
6
|
"license": "MIT",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
],
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"@tanstack/store": "^0.11.0",
|
|
58
|
-
"@tanstack/table-core": "9.0.0-beta.
|
|
58
|
+
"@tanstack/table-core": "9.0.0-beta.48"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@vitejs/plugin-vue": "^6.0.7",
|
|
@@ -6,7 +6,7 @@ metadata:
|
|
|
6
6
|
type: framework
|
|
7
7
|
library: '@tanstack/vue-table'
|
|
8
8
|
framework: vue
|
|
9
|
-
library_version: '9.0.0-beta.
|
|
9
|
+
library_version: '9.0.0-beta.48'
|
|
10
10
|
requires:
|
|
11
11
|
- '@tanstack/table-core#core'
|
|
12
12
|
- '@tanstack/table-core#table-features'
|
|
@@ -67,18 +67,18 @@ const table = useTable({ features, columns, data })
|
|
|
67
67
|
import {
|
|
68
68
|
createSortedRowModel,
|
|
69
69
|
rowSortingFeature,
|
|
70
|
-
|
|
70
|
+
sortFn_alphanumeric,
|
|
71
71
|
tableFeatures,
|
|
72
72
|
} from '@tanstack/vue-table'
|
|
73
73
|
|
|
74
74
|
const features = tableFeatures({
|
|
75
75
|
rowSortingFeature,
|
|
76
76
|
sortedRowModel: createSortedRowModel(),
|
|
77
|
-
sortFns,
|
|
77
|
+
sortFns: { alphanumeric: sortFn_alphanumeric },
|
|
78
78
|
})
|
|
79
79
|
```
|
|
80
80
|
|
|
81
|
-
The slot follows its prerequisite feature in the same call.
|
|
81
|
+
The slot follows its prerequisite feature in the same call. Import individual `sortFn_*` built-ins and register only the ones your columns reference; the full `sortFns` registry object still works but bundles every built-in.
|
|
82
82
|
|
|
83
83
|
## Common Mistakes
|
|
84
84
|
|
|
@@ -6,7 +6,7 @@ metadata:
|
|
|
6
6
|
type: lifecycle
|
|
7
7
|
library: '@tanstack/vue-table'
|
|
8
8
|
framework: vue
|
|
9
|
-
library_version: '9.0.0-beta.
|
|
9
|
+
library_version: '9.0.0-beta.48'
|
|
10
10
|
requires:
|
|
11
11
|
- '@tanstack/table-core#migrate-v8-to-v9'
|
|
12
12
|
- getting-started
|
|
@@ -33,7 +33,7 @@ Framework prerequisite: Vue 3.2 or newer (`vue >=3.2`).
|
|
|
33
33
|
const features = tableFeatures({
|
|
34
34
|
rowSortingFeature,
|
|
35
35
|
sortedRowModel: createSortedRowModel(),
|
|
36
|
-
sortFns,
|
|
36
|
+
sortFns: { alphanumeric: sortFn_alphanumeric },
|
|
37
37
|
})
|
|
38
38
|
const data = ref(makeData())
|
|
39
39
|
const table = useTable({ features, columns, data })
|
|
@@ -51,7 +51,7 @@ const table = useTable({ features, columns, data })
|
|
|
51
51
|
| `filterFns` / `aggregationFns` table options | Same-named feature slots |
|
|
52
52
|
| Top-level `onStateChange` | Per-slice callbacks, external atoms, or store subscription |
|
|
53
53
|
|
|
54
|
-
Available feature imports are `columnFilteringFeature`, `globalFilteringFeature`, `rowSortingFeature`, `rowPaginationFeature`, `rowSelectionFeature`, `rowExpandingFeature`, `rowPinningFeature`, `columnPinningFeature`, `columnVisibilityFeature`, `columnOrderingFeature`, `columnSizingFeature`, `columnResizingFeature`, `columnGroupingFeature`, and `columnFacetingFeature`. APIs are feature-gated. Put every feature before its dependent slot in the same `tableFeatures` call.
|
|
54
|
+
Available feature imports are `columnFilteringFeature`, `globalFilteringFeature`, `rowSortingFeature`, `rowPaginationFeature`, `rowSelectionFeature`, `rowExpandingFeature`, `rowPinningFeature`, `columnPinningFeature`, `columnVisibilityFeature`, `columnOrderingFeature`, `columnSizingFeature`, `columnResizingFeature`, `aggregationFeature`, `columnGroupingFeature`, and `columnFacetingFeature`. APIs are feature-gated. Put every feature before its dependent slot in the same `tableFeatures` call. Aggregation is independent from grouping: register `aggregationFeature` for aggregation APIs and add `columnGroupingFeature` only for grouped rows.
|
|
55
55
|
|
|
56
56
|
### Row-model mapping
|
|
57
57
|
|
|
@@ -66,7 +66,7 @@ Available feature imports are `columnFilteringFeature`, `globalFilteringFeature`
|
|
|
66
66
|
| `getFacetedMinMaxValues()` | `facetedMinMaxValues: createFacetedMinMaxValues()` |
|
|
67
67
|
| `getFacetedUniqueValues()` | `facetedUniqueValues: createFacetedUniqueValues()` |
|
|
68
68
|
|
|
69
|
-
Factories take no arguments. Register `filterFns`, `sortFns`, and `aggregationFns` as sibling feature slots.
|
|
69
|
+
Factories take no arguments. Register `filterFns`, `sortFns`, and `aggregationFns` as sibling feature slots holding individually imported built-ins (`filterFn_includesString`, `sortFn_alphanumeric`, `aggregationFn_sum`) under their conventional keys. The full registry objects still work but bundle every built-in.
|
|
70
70
|
|
|
71
71
|
## Vue State Migration
|
|
72
72
|
|