Files
windmill/frontend/src/lib/components/table/Row.svelte
T
Faton RamadaniandRuben Fiszel 54cad2886b feat(frontend): Rich table display (#3028)
* feat(frontend): rich debug table

* feat(frontend): rich debug table

* feat(frontend): rich debug table

* feat(frontend): wip

* feat(frontend): table v0

* feat(frontend): fix layout audit page

* feat(frontend): display rich result by default

* feat(frontend): add selected rows

* feat(frontend): add unique ids

* feat(frontend): restore max-h

* feat(frontend): md support + remove sorting on types that don't support comparaison

* feat(frontend): fix actions

* feat(frontend): fix md

* feat(frontend): fix md

---------

Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
2024-01-18 17:26:46 +01:00

24 lines
527 B
Svelte

<script lang="ts">
import { createEventDispatcher } from 'svelte'
import { twMerge } from 'tailwind-merge'
export let hoverable: boolean = false
export let selected: boolean = false
export let dividable: boolean = false
const dispatch = createEventDispatcher()
</script>
<tr
class={twMerge(
hoverable ? 'hover:bg-surface-hover cursor-pointer' : '',
selected ? 'bg-blue-50 dark:bg-blue-900/50' : '',
'transition-all',
dividable ? 'divide-x' : ''
)}
on:click={() => {
dispatch('click')
}}
>
<slot />
</tr>