mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
dd43224119Co-authored-by: K.Kiyokawa <koichi20110068@gmail.com> Co-authored-by: brunnerh <brunnerh@users.noreply.github.com>
30 lines
647 B
Svelte
30 lines
647 B
Svelte
<script lang="ts">
|
|
import { DataTable } from "../types";
|
|
</script>
|
|
|
|
<DataTable
|
|
headers="{[
|
|
{ key: 'name', value: 'Name' },
|
|
{ key: 'protocol', value: 'Protocol', width: '400px', minWidth: '40%' },
|
|
{ key: 'port', value: 'Port' },
|
|
{ key: 'rule.name', value: 'Rule', sort: false },
|
|
]}"
|
|
rows="{[
|
|
{
|
|
id: 'a',
|
|
name: 'Load Balancer 3',
|
|
protocol: 'HTTP',
|
|
port: 3000,
|
|
'rule.name': 'Round robin',
|
|
},
|
|
]}"
|
|
>
|
|
<span slot="cell" let:cell let:row>
|
|
{cell.key === "rule.name"}
|
|
{#if cell.key === "name"}
|
|
{row.name} {row.id}
|
|
{:else}
|
|
{cell.value}
|
|
{/if}
|
|
</span>
|
|
</DataTable>
|