mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
24 lines
850 B
Svelte
24 lines
850 B
Svelte
<script lang="ts">
|
|
import { DataTable } from "carbon-components-svelte";
|
|
|
|
const headers = [
|
|
{ key: "name", value: "Name" },
|
|
{ key: "port", value: "Port" },
|
|
{ key: "rule", value: "Rule" },
|
|
] as const;
|
|
|
|
const rows = [
|
|
{ id: "a", name: "Load Balancer 3", port: 3000, rule: "Round robin" },
|
|
{ id: "b", name: "Load Balancer 1", port: 443, rule: "Round robin" },
|
|
{ id: "c", name: "Load Balancer 2", port: 80, rule: "DNS delegation" },
|
|
{ id: "d", name: "Load Balancer 6", port: 3000, rule: "Round robin" },
|
|
{ id: "e", name: "Load Balancer 4", port: 443, rule: "Round robin" },
|
|
{ id: "f", name: "Load Balancer 5", port: 80, rule: "DNS delegation" },
|
|
];
|
|
|
|
let selectedRowIds = [rows[1].id];
|
|
|
|
$: console.log("selectedRowIds", selectedRowIds);
|
|
</script>
|
|
|
|
<DataTable radio bind:selectedRowIds {headers} {rows} />
|