web

---

web / components/ui/data-table/data-table.svelte / createSvelteTable

Function: createSvelteTable()

createSvelteTable<TData>(options): any

Defined in: components/ui/data-table/data-table.svelte.ts:35

Creates a reactive TanStack table object for Svelte.

Type Parameters

TData

TData extends RowData

Parameters

options

TableOptions<TData>

Table options to create the table with.

Returns

any

A reactive table object.

Example

<script>
  const table = createSvelteTable({ ... })
</script>

<table>
  <thead>
    {#each table.getHeaderGroups() as headerGroup}
      <tr>
        {#each headerGroup.headers as header}
          <th colspan={header.colSpan}>
        	   <FlexRender content={header.column.columnDef.header} context={header.getContext()} />
        	 </th>
        {/each}
      </tr>
    {/each}
  </thead>
	 <!-- ... -->
</table>