@patternfly/patternfly 6.6.0-prerelease.2 → 6.6.0-prerelease.21

package/docs/components/Sidebar/examples/Sidebar.md

@@ -266,5 +266,7 @@ cssPrefix: pf-v6-c-sidebar
 | `.pf-m-sticky` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be sticky to the top of the layout. |
 | `.pf-m-static` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be positioned statically. |
 | `.pf-m-width-{default, 25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-sidebar__panel` | Modifies the panel width at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). **Note:** does not apply when the panel is stacked on top of the content. |
-| `.pf-m-no-background` | `.pf-v6-c-sidebar`, `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
+| `.pf-m-no-background` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. **Note:** `.pf-m-no-background` is deprecated, use `.pf-m-plain` instead. |
+| `.pf-m-plain` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
 | `.pf-m-secondary` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have secondary styling. |
+| `.pf-m-no-plain-on-glass` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Prevents the elements from automatically applying plain styling when glass theme is enabled. |

package/docs/components/Table/examples/Table.css

@@ -12,10 +12,16 @@
 #ws-core-c-table-sticky-columns-and-header .ws-preview-html,
 #ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
 #ws-core-c-table-sticky-header .ws-preview-html,
+#ws-core-c-table-sticky-footer .ws-preview-html,
 #ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html {
   height: 400px;
 }
 
+#ws-core-c-table-sticky-header .ws-preview-html,
+#ws-core-c-table-sticky-footer .ws-preview-html {
+  overflow: auto;
+}
+
 .pf-v6-c-overflow-menu .pf-v6-c-menu {
   position: absolute;
   inset-inline-end: 0;

package/docs/components/Table/examples/Table.md

@@ -13148,7 +13148,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -13261,7 +13261,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -13705,7 +13705,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -13899,7 +13899,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -14176,7 +14176,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -14453,7 +14453,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -14769,7 +14769,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -14896,7 +14896,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -15414,7 +15414,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -15637,7 +15637,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -15958,7 +15958,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -16279,7 +16279,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -16638,7 +16638,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -16768,7 +16768,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -17301,7 +17301,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -17530,7 +17530,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -17860,7 +17860,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -18190,7 +18190,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
                     height="1em"
                   >
                     <path
-                      d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
+                      d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
                     />
                   </svg>
                 </div>
@@ -24318,6 +24318,174 @@ This example shows the use of `.pf-m-sticky-header-base` and `.pf-m-sticky-heade
 
 ```
 
+### Sticky footer
+
+```html
+<table
+  class="pf-v6-c-table pf-m-grid-md pf-m-sticky-footer"
+  role="grid"
+  aria-label="This is a table with a sticky footer"
+  id="table-sticky-footer"
+>
+  <thead class="pf-v6-c-table__thead">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Repositories</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Branches</th>
+
+      <th
+        class="pf-v6-c-table__th"
+        role="columnheader"
+        scope="col"
+      >Pull requests</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
+    </tr>
+  </thead>
+
+  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 1</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 2</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 3</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 4</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 5</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 6</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 7</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 8</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+  </tbody>
+
+  <tfoot class="pf-v6-c-table__tfoot">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <th class="pf-v6-c-table__th" role="columnheader" scope="row">Total nodes</th>
+
+      <td class="pf-v6-c-table__td" role="cell" colspan="4">4</td>
+    </tr>
+  </tfoot>
+</table>
+
+```
+
 ### Sticky column
 
 ```html
@@ -28917,6 +29085,13 @@ For sticky columns to function correctly, the parent table's width must be contr
           </button>
         </th>
       </tr>
+      <tr
+        class="pf-v6-c-table__tr pf-m-border-row"
+        role="row"
+        aria-hidden="true"
+      >
+        <td class="pf-v6-c-table__td" role="cell" colspan="6"></td>
+      </tr>
     </thead>
 
     <tbody class="pf-v6-c-table__tbody" role="rowgroup">
@@ -31503,6 +31678,118 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
 | `.pf-m-striped` | `.pf-v6-c-table`, `tbody`, `tr` | Modifies odd table rows to be striped. |
 | `.pf-m-striped-even` | `tbody` | Modifies even table rows to be striped. For use in tables with multiple `tbody` elements where adjacent `tbody` elements need even row striping to maintain visual consistency. |
 
+## Table footer
+
+### Table footer example
+
+```html
+<table
+  class="pf-v6-c-table pf-m-grid-md"
+  role="grid"
+  aria-label="This is a table with a footer example"
+  id="table-footer"
+>
+  <thead class="pf-v6-c-table__thead">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Repositories</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Branches</th>
+
+      <th
+        class="pf-v6-c-table__th"
+        role="columnheader"
+        scope="col"
+      >Pull requests</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
+    </tr>
+  </thead>
+
+  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 1</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 2</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 3</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 4</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+  </tbody>
+
+  <tfoot class="pf-v6-c-table__tfoot">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <th class="pf-v6-c-table__th" role="columnheader" scope="row">Total nodes</th>
+
+      <td class="pf-v6-c-table__td" role="cell" colspan="4">4</td>
+    </tr>
+  </tfoot>
+</table>
+
+```
+
+### Table footer usage
+
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-v6-c-table__tfoot` | `tfoot` | Initiates a table footer. |
+
 ## Documentation
 
 ### Overview