Skip to content

Commit 801bb06

Browse files
committed
docs(260622-n54): regenerate usage page + six leaf READMEs with drop-in editors
- Regenerated data-table-usage.md and all six leaf READMEs from readme.mjs (SET_H propagated) - Fix stale cross-ref in data-table-demo.md: nine→twelve slices + #models-the-twelve-two-way-slices anchor (Rule 3: broken link from the data-table.md heading rename) - Generators verified deterministic; docs build (incl check-anchors, 179 links) green; data-table leaf build green; compiled leaf component output byte-identical
1 parent 487ab9f commit 801bb06

8 files changed

Lines changed: 1588 additions & 1 deletion

File tree

docs/components/data-table-demo.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ This is the **real `@rozie-ui/data-table-vue` package** running on this page (Vi
8080
</div>
8181
</ClientOnly>
8282

83-
Each `v-model:<slice>` is a two-way bind — the readout updates the instant you change the state, and a consumer write flows back in. The four slices bound here (`sorting`, `globalFilter`, `rowSelection`, `pagination`) are four of the [nine independent state slices](/components/data-table#models-the-nine-two-way-slices); bind a slice only when you want to own it. The header buttons drive the imperative handle (`toggleAllRows`, `clearSelection`, `clearSorting`) grabbed through Vue's `ref`. A single `#cell` slot on `<DataTable>`, dispatched by `columnId`, renders the **Status** badge; every other column falls through to the plain accessor value (the fast path). See the [full API](/components/data-table) for every prop, slice, event, slot, and handle verb, plus the `<Column>` API, theming, and accessibility reference.
83+
Each `v-model:<slice>` is a two-way bind — the readout updates the instant you change the state, and a consumer write flows back in. The four slices bound here (`sorting`, `globalFilter`, `rowSelection`, `pagination`) are four of the [twelve independent state slices](/components/data-table#models-the-twelve-two-way-slices); bind a slice only when you want to own it. The header buttons drive the imperative handle (`toggleAllRows`, `clearSelection`, `clearSorting`) grabbed through Vue's `ref`. A single `#cell` slot on `<DataTable>`, dispatched by `columnId`, renders the **Status** badge; every other column falls through to the plain accessor value (the fast path). See the [full API](/components/data-table) for every prop, slice, event, slot, and handle verb, plus the `<Column>` API, theming, and accessibility reference.
8484

8585
## Row windowing (virtualization)
8686

0 commit comments

Comments
 (0)