Function: renderSnippet()

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

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

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 }),
  }),
]

// +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

renderSnippet

Function: renderSnippet()#

Type Parameters#

TProps#

Parameters#

snippet#

params?#

Returns#

Example#

See#

Function: renderSnippet()

Type Parameters

TProps

Parameters

snippet

params?

Returns

Example

See