Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion _artifacts/domain_map.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ coverage:
- 'tanstack-solid-table-example-basic-external-atoms'
- 'tanstack-solid-table-example-basic-external-state'
- 'tanstack-solid-table-example-basic-use-table'
- 'tanstack-solid-table-example-column-groups'
- 'tanstack-solid-table-example-header-groups'
- 'tanstack-solid-table-example-column-ordering'
- 'tanstack-solid-table-example-column-pinning'
- 'tanstack-solid-table-example-column-pinning-split'
Expand Down
18 changes: 9 additions & 9 deletions docs/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -926,7 +926,7 @@
{ "to": "framework/alpine/examples/basic-external-state", "label": "Basic (External State)" },
{ "to": "framework/alpine/examples/basic-external-atoms", "label": "Basic (External Atoms)" },
{ "to": "framework/alpine/examples/basic-dynamic-columns", "label": "Basic (Dynamic Columns)" },
{ "to": "framework/alpine/examples/column-groups", "label": "Header Groups" }
{ "to": "framework/alpine/examples/header-groups", "label": "Header Groups" }
]
},
{
Expand All @@ -937,7 +937,7 @@
{ "label": "Basic (External State)", "to": "framework/angular/examples/basic-external-state" },
{ "label": "Basic (External Atoms)", "to": "framework/angular/examples/basic-external-atoms" },
{ "label": "Basic (Dynamic Columns)", "to": "framework/angular/examples/basic-dynamic-columns" },
{ "label": "Header Groups", "to": "framework/angular/examples/column-groups" }
{ "label": "Header Groups", "to": "framework/angular/examples/header-groups" }
]
},
{
Expand All @@ -947,7 +947,7 @@
{ "label": "Basic (createAppTable)", "to": "framework/ember/examples/basic-app-table" },
{ "label": "Basic (External State)", "to": "framework/ember/examples/basic-external-state" },
{ "label": "Basic (External Atoms)", "to": "framework/ember/examples/basic-external-atoms" },
{ "label": "Header Groups", "to": "framework/ember/examples/column-groups" }
{ "label": "Header Groups", "to": "framework/ember/examples/header-groups" }
]
},
{
Expand All @@ -959,7 +959,7 @@
{ "label": "Basic (External Atoms)", "to": "framework/lit/examples/basic-external-atoms" },
{ "label": "Basic (Subscribe)", "to": "framework/lit/examples/basic-subscribe" },
{ "label": "Basic (Dynamic Columns)", "to": "framework/lit/examples/basic-dynamic-columns" },
{ "label": "Header Groups", "to": "framework/lit/examples/column-groups" }
{ "label": "Header Groups", "to": "framework/lit/examples/header-groups" }
]
},
{
Expand All @@ -972,7 +972,7 @@
{ "label": "Basic (External Atoms)", "to": "framework/react/examples/basic-external-atoms" },
{ "label": "Basic (Subscribe)", "to": "framework/react/examples/basic-subscribe" },
{ "label": "Basic (Dynamic Columns)", "to": "framework/react/examples/basic-dynamic-columns" },
{ "label": "Header Groups", "to": "framework/react/examples/column-groups" }
{ "label": "Header Groups", "to": "framework/react/examples/header-groups" }
]
},
{
Expand All @@ -983,7 +983,7 @@
{ "label": "Basic (External State)", "to": "framework/solid/examples/basic-external-state" },
{ "label": "Basic (External Atoms)", "to": "framework/solid/examples/basic-external-atoms" },
{ "label": "Basic (Dynamic Columns)", "to": "framework/solid/examples/basic-dynamic-columns" },
{ "label": "Header Groups", "to": "framework/solid/examples/column-groups" }
{ "label": "Header Groups", "to": "framework/solid/examples/header-groups" }
]
},
{
Expand All @@ -995,7 +995,7 @@
{ "label": "Basic (External State)", "to": "framework/svelte/examples/basic-external-state" },
{ "label": "Basic (External Atoms)", "to": "framework/svelte/examples/basic-external-atoms" },
{ "label": "Basic (Dynamic Columns)", "to": "framework/svelte/examples/basic-dynamic-columns" },
{ "label": "Header Groups", "to": "framework/svelte/examples/column-groups" }
{ "label": "Header Groups", "to": "framework/svelte/examples/header-groups" }
]
},
{
Expand All @@ -1006,7 +1006,7 @@
{ "label": "Basic (External State)", "to": "framework/vue/examples/basic-external-state" },
{ "label": "Basic (External Atoms)", "to": "framework/vue/examples/basic-external-atoms" },
{ "label": "Basic (Dynamic Columns)", "to": "framework/vue/examples/basic-dynamic-columns" },
{ "label": "Header Groups", "to": "framework/vue/examples/column-groups" }
{ "label": "Header Groups", "to": "framework/vue/examples/header-groups" }
]
},
{
Expand All @@ -1018,7 +1018,7 @@
{ "label": "Basic (External Atoms)", "to": "framework/preact/examples/basic-external-atoms" },
{ "label": "Basic (Subscribe)", "to": "framework/preact/examples/basic-subscribe" },
{ "label": "Basic (Dynamic Columns)", "to": "framework/preact/examples/basic-dynamic-columns" },
{ "label": "Header Groups", "to": "framework/preact/examples/column-groups" }
{ "label": "Header Groups", "to": "framework/preact/examples/header-groups" }
]
},
{
Expand Down
2 changes: 1 addition & 1 deletion docs/guide/header-groups.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ This quick guide will discuss the different ways you can retrieve and interact w

## What are Header Groups?

Header Groups are simply "rows" of headers. Don't let the name confuse you, it's just that simple. The large majority of tables will only have one row of headers (a single header group), but if you define your column structure with nested columns as with the [Column Groups example](../framework/react/examples/column-groups), you can have multiple rows of headers (multiple header groups).
Header Groups are simply "rows" of headers. Don't let the name confuse you, it's just that simple. The large majority of tables will only have one row of headers (a single header group), but if you define your column structure with nested columns as with the [Header Groups example](../framework/react/examples/header-groups), you can have multiple rows of headers (multiple header groups).

## Where to Get Header Groups From

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TanStack Alpine Table - Column Groups</title>
<title>TanStack Alpine Table - Header Groups</title>
</head>
<body>
<div id="root" class="demo-root" x-data="table">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-alpine-table-example-column-groups",
"name": "tanstack-alpine-table-example-header-groups",
"private": true,
"scripts": {
"dev": "vite",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
},
"newProjectRoot": "projects",
"projects": {
"column-groups": {
"header-groups": {
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
Expand Down Expand Up @@ -85,10 +85,10 @@
"builder": "@angular/build:dev-server",
"configurations": {
"production": {
"buildTarget": "column-groups:build:production"
"buildTarget": "header-groups:build:production"
},
"development": {
"buildTarget": "column-groups:build:development"
"buildTarget": "header-groups:build:development"
}
},
"defaultConfiguration": "development"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-angular-table-example-column-groups",
"name": "tanstack-angular-table-example-header-groups",
"scripts": {
"ng": "ng",
"start": "ng serve --port 6565",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ const getAllCells = (
row: Row<typeof features, Person>,
): Array<Cell<typeof features, Person>> => row.getAllCells()

export default class ColumnGroupsTable extends Component {
export default class HeaderGroupsTable extends Component {
@tracked data: Array<Person> = makeData(20)

table = useTable(() => ({
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-ember-table-example-column-groups",
"name": "tanstack-ember-table-example-header-groups",
"version": "0.0.0",
"private": true,
"type": "module",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-lit-table-example-column-groups",
"name": "tanstack-lit-table-example-header-groups",
"private": true,
"scripts": {
"dev": "vite",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-preact-table-example-column-groups",
"name": "tanstack-preact-table-example-header-groups",
"private": true,
"type": "module",
"scripts": {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-react-table-example-column-groups",
"name": "tanstack-react-table-example-header-groups",
"private": true,
"scripts": {
"dev": "vite",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-solid-table-example-column-groups",
"name": "tanstack-solid-table-example-header-groups",
"description": "",
"scripts": {
"start": "vite",
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-svelte-table-example-column-groups",
"name": "tanstack-svelte-table-example-header-groups",
"private": true,
"type": "module",
"scripts": {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "tanstack-vue-table-example-column-groups",
"name": "tanstack-vue-table-example-header-groups",
"private": true,
"scripts": {
"dev": "vite",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ const columns: Array<ColumnDef<typeof features, Person>> = [
]

export default defineComponent({
name: 'ColumnGroupsExample',
name: 'HeaderGroupsExample',
setup() {
const data = ref(makeData(20))

Expand Down
Loading
Loading