diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/table/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/table/Examples.tsx
index 26a599cacbc..5a3bd58fec9 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/table/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/table/Examples.tsx
@@ -214,7 +214,7 @@ export const TableVariantComplex = () => (
A Table Caption
- |
+ |
Column 2
newline
@@ -224,13 +224,14 @@ export const TableVariantComplex = () => (
|
- Row 1 Header |
+
+ Row 1+2 Header
+ |
Row 1 that spans |
Row 1 |
Row 1 |
- Row 2 Header |
Row 2 |
Row 2 |
@@ -258,6 +259,28 @@ export const TableVariantComplex = () => (
)
+export const TableRowScopeOnly = () => (
+
+
+
+ A Table Caption
+
+
+ Header A |
+ Row 1 |
+ Row 1 |
+
+
+ Header B |
+ Row 2 |
+ Row 2 |
+
+
+
+
+
+)
+
export const TableVariantFixed = () => (
{() => {
@@ -381,19 +404,18 @@ export const TableStackedContainer = () => {
min-width: 800px;
}
table {
- thead {
- th:nth-of-type(1) {
- width: 30%;
- }
- th:nth-of-type(2) {
- width: 30%;
- }
- th:nth-of-type(3) {
- width: 20%;
- }
- th:nth-of-type(4) {
- width: 20%;
- }
+ th:nth-of-type(1),
+ td:nth-of-type(1) {
+ width: 30%;
+ }
+ th:nth-of-type(2) {
+ width: 30%;
+ }
+ th:nth-of-type(3) {
+ width: 20%;
+ }
+ th:nth-of-type(4) {
+ width: 20%;
}
}
`
@@ -478,6 +500,22 @@ export const TableStackedContainer = () => {
+
+
+
+
+
+ Row Header Group
+ |
+ Row 1 |
+ Row 1 |
+
+
+ Row 2 |
+ Row 2 |
+
+
+
@@ -634,7 +672,7 @@ export const TableAccordion = () => (
return (
<>
-