mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 12:23:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
Closes #1209
This commit is contained in:
Eric Liu 2022-03-25 06:08:15 -07:00
commit 91e5b7be29
1 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/DataTable/DataTable.svelte
View file

@ -497,13 +497,15 @@
parentRowId = null;
}}"
>
<TableCell
colspan="{selectable ? headers.length + 2 : headers.length + 1}"
>
<div class:bx--child-row-inner-container="{true}">
<slot name="expanded-row" row="{row}" />
</div>
</TableCell>
{#if expandedRows[row.id] && !nonExpandableRowIds.includes(row.id)}
<TableCell
colspan="{selectable ? headers.length + 2 : headers.length + 1}"
>
<div class:bx--child-row-inner-container="{true}">
<slot name="expanded-row" row="{row}" />
</div>
</TableCell>
{/if}
</tr>
{/if}
{/each}