@kong-ui-public/table-data-grid 0.7.0 → 0.7.1-pr.3862.4b9520059.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 +19 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -296,9 +296,25 @@ The current sort lives in `tableConfig` (`sortColumnKey`, `sortColumnOrder`),
|
|
|
296
296
|
alongside `pageSize`. Pass `tableConfig` to restore a previously-chosen sort
|
|
297
297
|
on mount, or to move the sort after mount without a click; omit it to let the
|
|
298
298
|
component own the sort internally. A sort change emits `sort` (the narrower,
|
|
299
|
-
sort-only payload) and then `update:tableConfig` (the full current config)
|
|
300
|
-
|
|
301
|
-
|
|
299
|
+
sort-only payload) and then `update:tableConfig` (the full current config).
|
|
300
|
+
|
|
301
|
+
For client-side sorting, use `mode="unpaginated"` and pass the complete result
|
|
302
|
+
as `rows`. AG Grid sorts those rows locally with its built-in row animation.
|
|
303
|
+
|
|
304
|
+
```vue
|
|
305
|
+
<TableDataGrid
|
|
306
|
+
mode="unpaginated"
|
|
307
|
+
:rows="rows"
|
|
308
|
+
:headers="[
|
|
309
|
+
{ key: 'name', label: 'Name', sortable: true },
|
|
310
|
+
{ key: 'requests', label: 'Requests', sortable: true },
|
|
311
|
+
]"
|
|
312
|
+
/>
|
|
313
|
+
```
|
|
314
|
+
|
|
315
|
+
In the default infinite mode, sorting rebuilds the datasource from the
|
|
316
|
+
beginning. A cursor produced under one sort order is not valid under another,
|
|
317
|
+
so the fetcher receives the new sort and loads rows again.
|
|
302
318
|
|
|
303
319
|
## Custom Cell Content
|
|
304
320
|
|