mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
24 lines
842 B
Svelte
24 lines
842 B
Svelte
<script lang="ts">
|
|
import { DataTable } from "../types";
|
|
|
|
const headers = [
|
|
{ key: "name", value: "Name" },
|
|
{ key: "port", value: "Port" },
|
|
{ key: "rule", value: "Rule" },
|
|
];
|
|
|
|
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="{headers}" rows="{rows}" />
|