perf(data-table): only render table row content when expanded

Closes #1209
This commit is contained in:
Eric Liu 2022-03-25 06:08:15 -07:00
commit 91e5b7be29

View file

@ -497,6 +497,7 @@
parentRowId = null; parentRowId = null;
}}" }}"
> >
{#if expandedRows[row.id] && !nonExpandableRowIds.includes(row.id)}
<TableCell <TableCell
colspan="{selectable ? headers.length + 2 : headers.length + 1}" colspan="{selectable ? headers.length + 2 : headers.length + 1}"
> >
@ -504,6 +505,7 @@
<slot name="expanded-row" row="{row}" /> <slot name="expanded-row" row="{row}" />
</div> </div>
</TableCell> </TableCell>
{/if}
</tr> </tr>
{/if} {/if}
{/each} {/each}