web

---

web / components/ui/data-table/render-helpers / renderSnippet

Function: renderSnippet()

renderSnippet<TProps>(snippet, params): RenderSnippetConfig<TProps>

Defined in: components/ui/data-table/render-helpers.ts:109

A helper function to help create cells from Svelte Snippets through ColumnDef's cell and header properties.

The snippet must only take one parameter.

This is only to be used with Snippets - use renderComponent for Svelte Components.

Type Parameters

TProps

TProps

Parameters

snippet

Snippet<[TProps]>

params

TProps

Returns

RenderSnippetConfig<TProps>

• A RenderSnippetConfig object that helps svelte-table know how to render the header/cell snippet.

Example

// +page.svelte
const defaultColumns = [
  columnHelper.accessor('name', {
    cell: cell => renderSnippet(nameSnippet, { name: cell.row.name }),
  }),
  columnHelper.accessor('state', {
    cell: cell => renderSnippet(stateSnippet, { state: cell.row.state }),
  }),
]

See

https://tanstack.com/table/latest/docs/guide/column-defs