mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
30 lines
643 B
Svelte
30 lines
643 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>
|