christoph/svelte-formula11
1
Fork 0
Code Issues 23 Actions Packages Projects 1 Activity

Lib: Make table rows colors alternating

Browse Source
This commit is contained in:
Christoph Urlacher
2025-01-25 18:27:01 +01:00
parent 766f09c5b5
commit d007cac4c0
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/components/Table.svelte
View File

@ -18,7 +18,7 @@
<div class="table-container bg-white shadow"> <div class="table-container bg-white shadow">
<table class="table table-interactive table-compact bg-white"> <table class="table table-interactive table-compact bg-white">
<thead> <thead>
<tr class="bg-white"> <tr class="bg-surface-500">
{#each columns as col} {#each columns as col}
<th class="!px-3">{col.label}</th> <th class="!px-3">{col.label}</th>
{/each} {/each}
@ -28,6 +28,7 @@
<tbody> <tbody>
{#each data as row} {#each data as row}
<tr <tr
class="bg-surface-300"
onclick={async (event: Event) => { onclick={async (event: Event) => {
if (handler) await handler(event, row.id); if (handler) await handler(event, row.id);
}} }}