docs: data and header group docs (#5526)

docs/config.json

@@ -21,6 +21,10 @@
  "label": "Installation",
  "to": "installation"
  },
+ {
+ "label": "Migrating to V8",
+ "to": "guide/migrating"
+ },
  {
  "label": "FAQ",
  "to": "faq"
@@ -31,7 +35,7 @@
  "label": "qwik",
  "children": [
  {
- "label": "Qwik Table",
+ "label": "Qwik Table Adapter",
  "to": "framework/qwik/qwik-table"
  }
  ]
@@ -40,7 +44,7 @@
  "label": "react",
  "children": [
  {
- "label": "React Table",
+ "label": "React Table Adapter",
  "to": "framework/react/react-table"
  }
  ]
@@ -49,7 +53,7 @@
  "label": "solid",
  "children": [
  {
- "label": "Solid Table",
+ "label": "Solid Table Adapter",
  "to": "framework/solid/solid-table"
  }
  ]
@@ -58,7 +62,7 @@
  "label": "svelte",
  "children": [
  {
- "label": "Svelte Table",
+ "label": "Svelte Table Adapter",
  "to": "framework/svelte/svelte-table"
  }
  ]
@@ -67,7 +71,7 @@
  "label": "vue",
  "children": [
  {
- "label": "Vue Table",
+ "label": "Vue Table Adapter",
  "to": "framework/vue/vue-table"
  }
  ]
@@ -76,7 +80,7 @@
  "label": "vanilla",
  "children": [
  {
- "label": "Vanilla JS/TS",
+ "label": "Vanilla JS (No Framework)",
  "to": "vanilla"
  }
  ]
@@ -87,17 +91,17 @@
  "label": "Core Guides",
  "children": [
  {
- "label": "Migrating to V8",
- "to": "guide/migrating"
- },
- {
- "label": "Table Instance",
- "to": "guide/tables"
+ "label": "Data (and TypeScript)",
+ "to": "guide/data"
  },
  {
  "label": "Column Defs",
  "to": "guide/column-defs"
  },
+ {
+ "label": "Table Instance",
+ "to": "guide/tables"
+ },
  {
  "label": "Rows Models",
  "to": "guide/row-models"

docs/guide/column-defs.md

@@ -4,7 +4,7 @@ title: Columns Guide
 
 ## API
 
-[Table API](../../api/core/table)
+[Column Def](../../api/core/column-def)
 
 ## Column Definitions Guide
 
@@ -145,6 +145,38 @@ columnHelper.accessor('firstName')
 }
 ```
 
+## Deep Keys
+
+If each of your items is an object with the following shape:
+
+```tsx
+type Person = {
+ name: {
+ first: string
+ last: string
+ }
+ info: {
+ age: number
+ visits: number
+ }
+}
+```
+
+You could extract the `first` value like so:
+
+```tsx
+columnHelper.accessor('name.first'), {
+ id: 'firstName',
+}
+
+// OR
+
+{
+ accessorKey: 'name.first',
+ id: 'firstName',
+}
+```
+
 ## Array Indices
 
 If each of your items is an array with the following shape:

docs/guide/column-filtering.md

@@ -6,14 +6,14 @@ title: Column Filtering Guide
 
 Want to skip to the implementation? Check out these examples:
 
-- [filters](../../framework/react/examples/filters) (includes faceting)
-- [filters-faceted](../../framework/react/examples/filters-faceted)
-- [filters-fuzzy](../../framework/react/examples/filters-fuzzy)
-- [editable-data](../../framework/react/examples/editable-data)
-- [expanding](../../framework/react/examples/expanding)
-- [grouping](../../framework/react/examples/grouping)
-- [pagination](../../framework/react/examples/pagination)
-- [row-selection](../../framework/react/examples/row-selection)
+- [Column Filters](../../framework/react/examples/filters)
+- [Faceted Filters](../../framework/react/examples/filters-faceted) (Autocomplete and Range filters)
+- [Fuzzy Search](../../framework/react/examples/filters-fuzzy) (Match Sorter)
+- [Editable Data](../../framework/react/examples/editable-data)
+- [Expanding](../../framework/react/examples/expanding) (Filtering from Sub-Rows)
+- [Grouping](../../framework/react/examples/grouping)
+- [Pagination](../../framework/react/examples/pagination)
+- [Row Selection](../../framework/react/examples/row-selection)
 
 ## API