frontend/src/lib/components/FinancialTable.svelte
2024-12-07 16:23:01 +01:00

23 lines
589 B
Svelte

<script lang="ts">
import { abbreviateNumber } from "$lib/utils";
export let data;
export let fields;
</script>
{#each fields as { label, key }}
<tr class="text-white odd:bg-secondary whitespace-nowrap">
<td
class="text-start border-r border-gray-700 text-white text-sm sm:text-[1rem]"
>
{label}
</td>
{#each data as item}
<td class="text-sm sm:text-[1rem] text-end">
{item[key] !== null && item[key] !== 0
? abbreviateNumber(item[key]?.toFixed(2))
: "-"}
</td>
{/each}
</tr>
{/each}