diff --git a/docs/src/pages/components/DataTable.svx b/docs/src/pages/components/DataTable.svx
index 45fd46cd..12cd26e6 100644
--- a/docs/src/pages/components/DataTable.svx
+++ b/docs/src/pages/components/DataTable.svx
@@ -1044,6 +1044,12 @@ In the following example, each row in the sortable data table has an overflow me
+### Non-selectable rows
+
+Use `nonSelectableRowIds` to specify the ids for rows that should not be selectable.
+
+
+
### Expandable
+ import { DataTable } from "carbon-components-svelte";
+
+ const rows = [
+ {
+ id: "a",
+ name: "Load Balancer 3",
+ protocol: "HTTP",
+ port: 3000,
+ rule: "Round robin",
+ },
+ {
+ id: "b",
+ name: "Load Balancer 1",
+ protocol: "HTTP",
+ port: 443,
+ rule: "Round robin",
+ },
+ {
+ id: "c",
+ name: "Load Balancer 2",
+ protocol: "HTTP",
+ port: 80,
+ rule: "DNS delegation",
+ },
+ {
+ id: "d",
+ name: "Load Balancer 6",
+ protocol: "HTTP",
+ port: 3000,
+ rule: "Round robin",
+ },
+ {
+ id: "e",
+ name: "Load Balancer 4",
+ protocol: "HTTP",
+ port: 443,
+ rule: "Round robin",
+ },
+ {
+ id: "f",
+ name: "Load Balancer 5",
+ protocol: "HTTP",
+ port: 80,
+ rule: "DNS delegation",
+ },
+ ];
+
+
+