mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
24 lines
552 B
Svelte
24 lines
552 B
Svelte
<script>
|
|
import { DataTable } from "carbon-components-svelte";
|
|
|
|
let selectedRowIds = [];
|
|
|
|
$: console.log("selectedRowIds", selectedRowIds);
|
|
</script>
|
|
|
|
<DataTable
|
|
selectable
|
|
bind:selectedRowIds
|
|
headers={[
|
|
{ key: "name", value: "Name" },
|
|
{ key: "port", value: "Port" },
|
|
{ key: "rule", value: "Rule" },
|
|
]}
|
|
rows={Array.from({ length: 6 }).map((_, i) => ({
|
|
id: i,
|
|
name: "Load Balancer " + (i + 1),
|
|
protocol: "HTTP",
|
|
port: i % 3 ? (i % 2 ? 3000 : 80) : 443,
|
|
rule: i % 3 ? "Round robin" : "DNS delegation",
|
|
}))}
|
|
/>
|