mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(data-table-skeleton): every row should animate text #734

Browse source 
Fixes #734
This commit is contained in:
Eric Y Liu 2021-07-08 06:52:56 -07:00
commit b5d67c84e1
1 changed files with 6 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/DataTable/DataTableSkeleton.svelte
View file

@ -35,10 +35,9 @@
$: values = headers.map((header) =>
header.value !== undefined ? header.value : header
);
$: cols = Array.from(
{ length: headers.length > 0 ? headers.length : columns },
(_, i) => i
);
$: cols = Array.from({
length: headers.length > 0 ? headers.length : columns,
}).fill();
</script>
<div
@ -86,15 +85,10 @@
</tr>
</thead>
<tbody>
<tr>
{#each cols as col (col)}
<td><span></span></td>
{/each}
</tr>
{#each Array.from({ length: rows - 1 }, (_, i) => i) as row (row)}
{#each Array.from({ length: rows }).fill() as row}
<tr>
{#each cols as col (col)}
<td></td>
{#each cols as col}
<td><span></span></td>
{/each}
</tr>
{/each}