Function: renderSnippet()#

function renderSnippet<TProps>(snippet, params?): RenderSnippetConfig<TProps>;

Defined in: packages/svelte-table/src/render-component.ts:104

Wraps a Svelte snippet so it can be returned from a column definition renderer such as cell, header, or footer.

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]>

The snippet to render.

params?#

TProps

The single parameter object passed to the snippet.

Returns#

RenderSnippetConfig<TProps>

A RenderSnippetConfig consumed by the Svelte FlexRender component.

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