table.setGlobalFilter(e.currentTarget.value)}
class="h-8 w-[200px] pl-8 lg:w-[260px]"
/>
{#if mapOptions.length > 0 && table.getColumn('map_name')}
{
table.getColumn('map_name')?.setFilterValue(v === '__all' ? undefined : v);
}}
>
{mapFilter === '__all' ? 'All maps' : prettyMap(mapFilter)}
All maps
{#each mapOptions as map (map)}
{prettyMap(map)}
{/each}
{/if}
{#if isFiltered}
{/if}
{#snippet child({ props })}
{/snippet}
Toggle columns
{#each table.getAllColumns().filter((c) => c.getCanHide()) as column (column.id)}
column.toggleVisibility(!!v)}
>
{(column.columnDef.meta as { label?: string } | undefined)?.label ??
column.id.replace(/_/g, ' ')}
{/each}