Moved sort onclick to header only

This commit is contained in:
Nicolai Ort 2023-04-12 16:03:20 +02:00
parent 842248e4c4
commit 3de7b632e0
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F

View File

@ -35,7 +35,7 @@
{ {
accessorKey: "distance", accessorKey: "distance",
header: () => "distance", header: () => "distance",
filterFn: `equals`, canFilter: false,
}, },
]; ];
@ -129,8 +129,9 @@
{#each $table.getHeaderGroups() as headerGroup} {#each $table.getHeaderGroups() as headerGroup}
<tr> <tr>
{#each headerGroup.headers as header} {#each headerGroup.headers as header}
<th on:click={header.column.getToggleSortingHandler()}> <th>
{#if !header.isPlaceholder} {#if !header.isPlaceholder}
<div on:click={header.column.getToggleSortingHandler()}>
<svelte:component <svelte:component
this={flexRender( this={flexRender(
header.column.columnDef.header, header.column.columnDef.header,
@ -142,6 +143,7 @@
{:else if header.column.getIsSorted().toString() == "desc"} {:else if header.column.getIsSorted().toString() == "desc"}
🔽 🔽
{/if} {/if}
</div>
{/if} {/if}
{#if header.column.getCanFilter()} {#if header.column.getCanFilter()}
<div class="relative max-w-xs"> <div class="relative max-w-xs">