Table

A table displays large data sets in a simple grid with column headers.

CSS variables

Prefixed with 'pf-v6-c-table'

Expand or collapse columnSelectorVariableValue
.pf-v6-c-table--pf-v6-c-table--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-table--pf-v6-c-table--BorderColor
(In light theme) #e0e0e0
.pf-v6-c-table--pf-v6-c-table--border-width--base
1px
.pf-v6-c-table--pf-v6-c-table__caption--FontSize
0.875rem
.pf-v6-c-table--pf-v6-c-table__caption--Color
(In light theme) #4d4d4d
.pf-v6-c-table--pf-v6-c-table__caption--PaddingBlockStart
1rem
.pf-v6-c-table--pf-v6-c-table__caption--PaddingInlineEnd
1.5rem
.pf-v6-c-table--pf-v6-c-table__caption--PaddingBlockEnd
1rem
.pf-v6-c-table--pf-v6-c-table__caption--PaddingInlineStart
1.5rem
.pf-v6-c-table--pf-v6-c-table__thead--cell--FontSize
0.75rem
.pf-v6-c-table--pf-v6-c-table__thead--cell--FontWeight
600
.pf-v6-c-table--pf-v6-c-table__thead__toggle--PaddingBlockStart
1rem
.pf-v6-c-table--pf-v6-c-table__thead__toggle--PaddingBlockEnd
1rem
.pf-v6-c-table--pf-v6-c-table__tbody--cell--PaddingBlockStart
1rem
.pf-v6-c-table--pf-v6-c-table__tbody--cell--PaddingBlockEnd
1rem
.pf-v6-c-table--pf-v6-c-table__tbody--cell--FontSize
0.875rem
.pf-v6-c-table--pf-v6-c-table__tr--BorderBlockEndWidth
1px
.pf-v6-c-table--pf-v6-c-table__tr--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-table--pf-v6-c-table--cell--Padding--base
1rem
.pf-v6-c-table--pf-v6-c-table--cell--PaddingBlockStart
1rem
.pf-v6-c-table--pf-v6-c-table--cell--PaddingInlineEnd
1rem
.pf-v6-c-table--pf-v6-c-table--cell--PaddingBlockEnd
1rem
.pf-v6-c-table--pf-v6-c-table--cell--PaddingInlineStart
1rem
.pf-v6-c-table--pf-v6-c-table--cell--FontSize
0.875rem
.pf-v6-c-table--pf-v6-c-table--cell--FontWeight
400
.pf-v6-c-table--pf-v6-c-table--cell--LineHeight
1.5
.pf-v6-c-table--pf-v6-c-table--cell--Color
(In light theme) #151515
.pf-v6-c-table--pf-v6-c-table--cell--first-last-child--PaddingInline
1.5rem
.pf-v6-c-table--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart
1rem
.pf-v6-c-table--pf-v6-c-table--cell--MinWidth
calc(0 + 0)
.pf-v6-c-table--pf-v6-c-table--cell--MaxWidth
none
.pf-v6-c-table--pf-v6-c-table--cell--Width
auto
.pf-v6-c-table--pf-v6-c-table--cell--Overflow
visible
.pf-v6-c-table--pf-v6-c-table--cell--TextOverflow
clip
.pf-v6-c-table--pf-v6-c-table--cell--WhiteSpace
normal
.pf-v6-c-table--pf-v6-c-table--cell--WordBreak
normal
.pf-v6-c-table--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth
1px
.pf-v6-c-table--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor
(In light theme) #e0e0e0
.pf-v6-c-table--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth
1px
.pf-v6-c-table--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor
(In light theme) #e0e0e0
.pf-v6-c-table--pf-v6-c-table--cell--m-help--MinWidth
11ch
.pf-v6-c-table--pf-v6-c-table--m-truncate--cell--MaxWidth
1px
.pf-v6-c-table--pf-v6-c-table--m-truncate--cell--MinWidth
calc(5ch + 0 + 0)
.pf-v6-c-table--pf-v6-c-table__text--MinWidth
100%
.pf-v6-c-table--pf-v6-c-table__text--m-truncate--MinWidth
5ch
.pf-v6-c-table--pf-v6-c-table--m-truncate__text--MinWidth
5ch
.pf-v6-c-table--pf-v6-c-table--cell--hidden-visible--Display
table-cell
.pf-v6-c-table--pf-v6-c-table__toggle--PaddingBlockStart
0.5rem
.pf-v6-c-table--pf-v6-c-table__toggle--PaddingBlockEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table__toggle--PaddingInlineStart
0.5rem
.pf-v6-c-table--pf-v6-c-table__toggle--PaddingInlineEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate
0
.pf-v6-c-table--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration
100ms
.pf-v6-c-table--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction
cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-table--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate
-180deg
.pf-v6-c-table--pf-v6-c-table__button--PaddingBlockStart
0.5rem
.pf-v6-c-table--pf-v6-c-table__button--PaddingBlockEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table__button--PaddingInlineStart
1rem
.pf-v6-c-table--pf-v6-c-table__button--PaddingInlineEnd
1rem
.pf-v6-c-table--pf-v6-c-table__button--Color
(In light theme) #151515
.pf-v6-c-table--pf-v6-c-table__button--BackgroundColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-table--pf-v6-c-table__button--OutlineOffset
calc(2px * -1)
.pf-v6-c-table--pf-v6-c-table__button--BorderColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-table--pf-v6-c-table__button--BorderWidth
0px
.pf-v6-c-table--pf-v6-c-table__button--hover--BorderWidth
0px
.pf-v6-c-table--pf-v6-c-table__button--BorderRadius
6px
.pf-v6-c-table--pf-v6-c-table__button--hover--Color
(In light theme) #151515
.pf-v6-c-table--pf-v6-c-table__button--hover--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.2500)
.pf-v6-c-table--pf-v6-c-table__check--PaddingInlineStart
0.5rem
.pf-v6-c-table--pf-v6-c-table__check--PaddingInlineEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table__favorite--c-button--FontSize
0.875rem
.pf-v6-c-table--pf-v6-c-table--cell--m-favorite--Color
(In light theme) #4d4d4d
.pf-v6-c-table--pf-v6-c-table__favorite--m-favorited--c-button--Color
(In light theme) #dca614
.pf-v6-c-table--pf-v6-c-table__tr--m-ghost-row--Opacity
.4
.pf-v6-c-table--pf-v6-c-table__tr--m-ghost-row--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-table--pf-v6-c-table__action--PaddingBlockStart
0.5rem
.pf-v6-c-table--pf-v6-c-table__action--PaddingBlockEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table__action--PaddingInlineStart
0.5rem
.pf-v6-c-table--pf-v6-c-table__action--PaddingInlineEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide
0s
.pf-v6-c-table--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade
200ms
.pf-v6-c-table--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide
0s
.pf-v6-c-table--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade
100ms
.pf-v6-c-table--pf-v6-c-table__expandable-row--TransitionTimingFunction
cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-table--pf-v6-c-table__expandable-row--Opacity
0
.pf-v6-c-table--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity
1
.pf-v6-c-table--pf-v6-c-table__expandable-row--TranslateY
0
.pf-v6-c-table--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY
0
.pf-v6-c-table--pf-v6-c-table__expandable-row-content--PaddingBlockStart
1rem
.pf-v6-c-table--pf-v6-c-table__expandable-row-content--PaddingBlockEnd
1rem
.pf-v6-c-table--pf-v6-c-table__expandable-row-content--PaddingInlineStart
1rem
.pf-v6-c-table--pf-v6-c-table__expandable-row-content--PaddingInlineEnd
1rem
.pf-v6-c-table--pf-v6-c-table__expandable-row-content--BorderRadius
6px
.pf-v6-c-table--pf-v6-c-table__expandable-row-content--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-table--pf-v6-c-table__expandable-row-content--BorderColor
(In light theme) rgb(255, 255, 255, 0.0000)
.pf-v6-c-table--pf-v6-c-table__expandable-row-content--BorderWidth
0
.pf-v6-c-table--pf-v6-c-table__control-row--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-table--pf-v6-c-table__control-row--BorderBlockEndWidth
1px
.pf-v6-c-table--pf-v6-c-table__control-row__tbody--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-table--pf-v6-c-table__icon-inline--MarginInlineEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table__sort--MinWidth
calc(6ch + 0 + 0 + 1rem)
.pf-v6-c-table--pf-v6-c-table__sort--m-selected__button--Color
(In light theme) #004d99
.pf-v6-c-table--pf-v6-c-table__sort--m-help--MinWidth
15ch
.pf-v6-c-table--pf-v6-c-table__sort__button__text--Color
currentcolor
.pf-v6-c-table--pf-v6-c-table__sort__button--hover__text--Color
currentcolor
.pf-v6-c-table--pf-v6-c-table__sort-indicator--Color
(In light theme) #707070
.pf-v6-c-table--pf-v6-c-table__sort-indicator--MarginInlineStart
1rem
.pf-v6-c-table--pf-v6-c-table__sort--m-selected__sort-indicator--Color
(In light theme) #004d99
.pf-v6-c-table--pf-v6-c-table__sort__button--hover__sort-indicator--Color
(In light theme) #151515
.pf-v6-c-table--pf-v6-c-table__th--m-help--MinWidth
11ch
.pf-v6-c-table--pf-v6-c-table__column-help--MarginInlineStart
0.5rem
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--Color
(In light theme) #0066cc
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor
transparent
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--hover--Color
(In light theme) #004d99
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor
(In light theme) #0066cc
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius
inherit
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth
0
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth
0
.pf-v6-c-table--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth
2px
.pf-v6-c-table--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth
0px
.pf-v6-c-table--pf-v6-c-table--m-compact__th--PaddingBlockStart
calc(0.5rem + 0.25rem)
.pf-v6-c-table--pf-v6-c-table--m-compact__th--PaddingBlockEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table--m-compact--cell--PaddingBlockStart
0.5rem
.pf-v6-c-table--pf-v6-c-table--m-compact--cell--PaddingBlockEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table__td--m-action--PaddingBlockStart
0.5rem
.pf-v6-c-table--pf-v6-c-table__td--m-action--PaddingBlockEnd
0.5rem
.pf-v6-c-table--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart
0.25rem
.pf-v6-c-table--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd
0.25rem
.pf-v6-c-table--pf-v6-c-table--m-compact__action--PaddingBlockStart
0.25rem
.pf-v6-c-table--pf-v6-c-table--m-compact__action--PaddingBlockEnd
0.25rem
.pf-v6-c-table--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-table--pf-v6-c-table__tr--m-clickable--BackgroundColor
transparent
.pf-v6-c-table--pf-v6-c-table__tr--m-clickable--OutlineOffset
calc(-1 * 0.25rem)
.pf-v6-c-table--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table--pf-v6-c-table__tr--m-selected--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table--pf-v6-c-table__tr--m-selected--OutlineOffset
calc(-1 * 0.25rem)
.pf-v6-c-table--pf-v6-c-table__tbody--m-clickable--BackgroundColor
transparent
.pf-v6-c-table--pf-v6-c-table__tbody--m-clickable--OutlineOffset
calc(-1 * 0.25rem)
.pf-v6-c-table--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table--pf-v6-c-table__tbody--m-selected--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table--pf-v6-c-table__tbody--m-selected--OutlineOffset
calc(-1 * 0.25rem)
.pf-v6-c-table--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth
1px
.pf-v6-c-table--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-table--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex
initial
.pf-v6-c-table--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset
-0.1875rem
.pf-v6-c-table--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart
0.25rem
.pf-v6-c-table--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd
1rem
.pf-v6-c-table--pf-v6-c-table__subhead--Color
(In light theme) #4d4d4d
.pf-v6-c-table--pf-v6-c-table__nested-column-header__button--PaddingInlineStart
calc(1rem - 0.5rem)
.pf-v6-c-table--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd
calc(1rem - (0.5rem / 2))
.pf-v6-c-table--pf-v6-c-table--m-striped__tr--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.1000)
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--BackgroundColor
(In light theme) #ffffff
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--cell--ZIndex
100
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--ZIndex
calc(100 + 1)
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--border--ZIndex
calc(100 + 2)
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--BorderRadius
0
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--BoxShadow
0
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth
1px
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--BorderBlockEndColor
(In light theme) #e0e0e0
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--BorderRadius--glass
16px
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--BoxShadow--glass
0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor
cubic-bezier(.4, 0, .2, 1)
.pf-v6-c-table--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor
200ms
.pf-v6-c-table--pf-v6-c-table--m-sticky-footer--ZIndex
calc(100 + 1)
.pf-v6-c-table--pf-v6-c-table--m-sticky-footer--border--ZIndex
calc(100 + 2)
:where(.pf-v6-theme-glass) .pf-v6-c-table--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth
0
:where(.pf-v6-theme-glass) .pf-v6-c-table--pf-v6-c-table--m-sticky-header--BoxShadow
0px 1px 6px 0px rgb(41, 41, 41, 0.1500)
:where(.pf-v6-theme-glass) .pf-v6-c-table--pf-v6-c-table--m-sticky-header--BorderRadius
16px
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain--pf-v6-c-table--BackgroundColor
transparent
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain--pf-v6-c-table__expandable-row-content--BackgroundColor
transparent
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain--pf-v6-c-table__expandable-row-content--PaddingInlineStart
0
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain--pf-v6-c-table__expandable-row-content--PaddingInlineEnd
0
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain--pf-v6-c-table__control-row--BackgroundColor
transparent
:where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header--pf-v6-c-table--m-sticky-header--BorderRadius
0
:where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth
0
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) th:where(.pf-v6-c-table__th):not([rowspan])--pf-v6-c-table--cell--PaddingBlockEnd
1rem
.pf-v6-c-table.pf-m-plain--pf-v6-c-table--BackgroundColor
transparent
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd)--pf-v6-c-table__sticky-column--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.1000)
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td)--pf-v6-hidden-visible--visible--Display
grid
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td)--pf-v6-hidden-visible--hidden--Display
none
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td)--pf-v6-hidden-visible--Display
flex
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden--pf-v6-hidden-visible--Display
none
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-help--pf-v6-c-table--cell--MinWidth
11ch
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite--pf-v6-c-table__button--Color
(In light theme) #4d4d4d
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite--pf-v6-c-table__sort--MinWidth
fit-content
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite--pf-v6-c-table--cell--MaxWidth
fit-content
.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-favorite--pf-v6-c-table--cell--Overflow
visible
.pf-v6-c-table thead:where(.pf-v6-c-table__thead)--pf-v6-c-table--cell--FontSize
0.75rem
.pf-v6-c-table thead:where(.pf-v6-c-table__thead)--pf-v6-c-table--cell--FontWeight
600
.pf-v6-c-table thead:where(.pf-v6-c-table__thead)--pf-v6-c-table--cell--MinWidth
calc(5ch + 0 + 0)
.pf-v6-c-table thead:where(.pf-v6-c-table__thead)--pf-v6-c-table--cell--MaxWidth
1px
.pf-v6-c-table thead:where(.pf-v6-c-table__thead)--pf-v6-c-table--cell--Overflow
hidden
.pf-v6-c-table thead:where(.pf-v6-c-table__thead)--pf-v6-c-table--cell--TextOverflow
ellipsis
.pf-v6-c-table thead:where(.pf-v6-c-table__thead)--pf-v6-c-table--cell--WhiteSpace
nowrap
.pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:first-child) th:where(.pf-v6-c-table__th):not([rowspan])--pf-v6-c-table--cell--PaddingBlockStart
0.25rem
.pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__subhead--pf-v6-c-table__sort__button__text--Color
(In light theme) #4d4d4d
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody)--pf-v6-c-table--cell--PaddingBlockStart
1rem
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody)--pf-v6-c-table--cell--PaddingBlockEnd
1rem
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody)--pf-v6-c-table--cell--FontSize
0.875rem
.pf-v6-c-table .pf-v6-c-table__td.pf-m-action--pf-v6-c-table--cell--PaddingBlockStart
0.5rem
.pf-v6-c-table .pf-v6-c-table__td.pf-m-action--pf-v6-c-table--cell--PaddingBlockEnd
0.5rem
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody)--pf-v6-c-table__tr--BorderBlockEndWidth
0
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody)--pf-v6-c-table__tbody--BorderBlockEndWidth
0
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody)--pf-v6-c-table--m-expandable__tbody--BorderBlockEndWidth
0
.pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody)--pf-v6-c-table__control-row--BorderBlockEndWidth
0
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus)--pf-v6-c-table__tr--m-clickable--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus)--pf-v6-c-table__tbody--m-clickable--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable.pf-m-expanded--pf-v6-c-table__tbody--m-clickable--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator--pf-v6-c-table__sort-indicator--MarginInlineStart
0
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade
0s
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide
0s
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade
0s
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide
0s
[class*=pf-v6-c-table].pf-m-truncate--pf-v6-c-table--cell--MinWidth
calc(5ch + 0 + 0)
[class*=pf-v6-c-table].pf-m-truncate--pf-v6-c-table--cell--MaxWidth
1px
[class*=pf-v6-c-table].pf-m-truncate--pf-v6-c-table--cell--Overflow
hidden
[class*=pf-v6-c-table].pf-m-truncate--pf-v6-c-table--cell--TextOverflow
ellipsis
[class*=pf-v6-c-table].pf-m-truncate--pf-v6-c-table--cell--WhiteSpace
nowrap
[class*=pf-v6-c-table].pf-m-wrap--pf-v6-c-table--cell--MinWidth
0
[class*=pf-v6-c-table].pf-m-wrap--pf-v6-c-table--cell--MaxWidth
none
[class*=pf-v6-c-table].pf-m-wrap--pf-v6-c-table--cell--Overflow
visible
[class*=pf-v6-c-table].pf-m-wrap--pf-v6-c-table--cell--TextOverflow
clip
[class*=pf-v6-c-table].pf-m-wrap--pf-v6-c-table--cell--WhiteSpace
normal
[class*=pf-v6-c-table].pf-m-nowrap--pf-v6-c-table--cell--MinWidth
0
[class*=pf-v6-c-table].pf-m-nowrap--pf-v6-c-table--cell--MaxWidth
none
[class*=pf-v6-c-table].pf-m-nowrap--pf-v6-c-table--cell--Overflow
visible
[class*=pf-v6-c-table].pf-m-nowrap--pf-v6-c-table--cell--TextOverflow
clip
[class*=pf-v6-c-table].pf-m-nowrap--pf-v6-c-table--cell--WhiteSpace
nowrap
[class*=pf-v6-c-table] .pf-v6-c-table__icon--pf-v6-c-table--cell--MinWidth
fit-content
[class*=pf-v6-c-table] .pf-v6-c-table__icon--pf-v6-c-table--cell--MaxWidth
none
[class*=pf-v6-c-table] .pf-v6-c-table__icon--pf-v6-c-table--cell--Width
1%
[class*=pf-v6-c-table] .pf-v6-c-table__icon--pf-v6-c-table--cell--Overflow
visible
[class*=pf-v6-c-table] .pf-v6-c-table__icon--pf-v6-c-table--cell--TextOverflow
clip
[class*=pf-v6-c-table] .pf-v6-c-table__icon--pf-v6-c-table--cell--WhiteSpace
nowrap
[class*=pf-v6-c-table].pf-m-break-word--pf-v6-c-table--cell--WordBreak
break-word
[class*=pf-v6-c-table].pf-m-break-word--pf-v6-c-table--cell--WhiteSpace
normal
.pf-v6-c-table__text.pf-m-truncate--pf-v6-c-table--cell--MinWidth
100%
.pf-v6-c-table .pf-v6-c-table__check--pf-v6-c-table--cell--MinWidth
0
.pf-v6-c-table .pf-v6-c-table__check--pf-v6-c-table--cell--Width
1%
.pf-v6-c-table .pf-v6-c-table__favorite--pf-v6-c-table--cell--MaxWidth
auto
.pf-v6-c-table__toggle--pf-v6-c-table--cell--PaddingBlockStart
0.5rem
.pf-v6-c-table__toggle--pf-v6-c-table--cell--PaddingBlockEnd
0.5rem
.pf-v6-c-table__toggle--pf-v6-c-table--cell--PaddingInlineStart
0.5rem
.pf-v6-c-table__toggle--pf-v6-c-table--cell--PaddingInlineEnd
0.5rem
.pf-v6-c-table__check--pf-v6-c-table--cell--PaddingInlineStart
0.5rem
.pf-v6-c-table__check--pf-v6-c-table--cell--PaddingInlineEnd
0.5rem
.pf-v6-c-table__check .pf-v6-c-check--pf-v6-c-check__label--FontSize
0.875rem
.pf-v6-c-table__check .pf-v6-c-check--pf-v6-c-check__label--LineHeight
1.5
.pf-v6-c-table__check .pf-v6-c-radio--pf-v6-c-radio__label--FontSize
0.875rem
.pf-v6-c-table__check .pf-v6-c-radio--pf-v6-c-radio__label--LineHeight
1.5
.pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite)--pf-v6-c-button--FontSize
0.875rem
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited)--pf-v6-c-button--m-plain__icon--Color
(In light theme) #dca614
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus)--pf-v6-c-button--hover__icon--Color
(In light theme) #dca614
.pf-v6-c-table__action--pf-v6-c-table--cell--PaddingBlockStart
0.5rem
.pf-v6-c-table__action--pf-v6-c-table--cell--PaddingBlockEnd
0.5rem
.pf-v6-c-table__action--pf-v6-c-table--cell--PaddingInlineStart
0.5rem
.pf-v6-c-table__action--pf-v6-c-table--cell--PaddingInlineEnd
0.5rem
.pf-v6-c-table__compound-expansion-toggle--pf-v6-c-table__button--Color
(In light theme) #0066cc
.pf-v6-c-table__compound-expansion-toggle--pf-v6-c-table__button--hover--Color
(In light theme) #004d99
.pf-v6-c-table__compound-expansion-toggle:hover--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table__compound-expansion-toggle:hover--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth
0
.pf-v6-c-table__compound-expansion-toggle.pf-m-expanded--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor
(In light theme) #f2f2f2
.pf-v6-c-table__compound-expansion-toggle.pf-m-expanded--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth
2px
.pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus)--pf-v6-c-table__sort-indicator--Color
(In light theme) #151515
.pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus)--pf-v6-c-table__sort__button__text--Color
currentcolor
.pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus)--pf-v6-c-table__button--BackgroundColor
(In light theme) rgb(199, 199, 199, 0.2500)
.pf-v6-c-table__sort .pf-v6-c-table__button:is(:hover, :focus)--pf-v6-c-table__button--BorderWidth
0px
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button--pf-v6-c-table__sort-indicator--Color
(In light theme) #004d99
.pf-v6-c-table__sort.pf-m-help--pf-v6-c-table__th--m-help--MinWidth
15ch
.pf-v6-c-table.pf-m-compact--pf-v6-c-table--cell--PaddingBlockStart
0.5rem
.pf-v6-c-table.pf-m-compact--pf-v6-c-table--cell--PaddingBlockEnd
0.5rem
.pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row)--pf-v6-c-table--cell--PaddingBlockStart
0.5rem
.pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row)--pf-v6-c-table--cell--PaddingBlockEnd
0.5rem
.pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th)--pf-v6-c-table--cell--PaddingBlockStart
calc(0.5rem + 0.25rem)
.pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th)--pf-v6-c-table--cell--PaddingBlockEnd
0.5rem
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action--pf-v6-c-table--cell--PaddingBlockStart
0.25rem
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action--pf-v6-c-table--cell--PaddingBlockEnd
0.25rem
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action--pf-v6-c-table--cell--PaddingBlockStart
0.25rem
.pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action--pf-v6-c-table--cell--PaddingBlockEnd
0.25rem
.pf-v6-c-table__thead--pf-v6-c-table__tr--BorderBlockEndWidth
0
.pf-v6-c-table__thead--pf-v6-c-table__toggle--PaddingBlockStart
1rem
.pf-v6-c-table__thead--pf-v6-c-table__toggle--PaddingBlockEnd
1rem
.pf-v6-c-table__thead.pf-m-nested-column-header--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth
0
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button--pf-v6-c-table__button--PaddingInlineStart
calc(1rem - 0.5rem)
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button--pf-v6-c-table__button--PaddingInlineEnd
calc(1rem - (0.5rem / 2))
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded--pf-v6-c-table__expandable-row-content--BorderWidth
0px
.pf-v6-c-table__tfoot--pf-v6-c-table__tr--BorderBlockEndWidth
0
.pf-v6-c-table .pf-m-width-10--pf-v6-c-table--cell--Width
10%
.pf-v6-c-table .pf-m-width-15--pf-v6-c-table--cell--Width
15%
.pf-v6-c-table .pf-m-width-20--pf-v6-c-table--cell--Width
20%
.pf-v6-c-table .pf-m-width-25--pf-v6-c-table--cell--Width
25%
.pf-v6-c-table .pf-m-width-30--pf-v6-c-table--cell--Width
30%
.pf-v6-c-table .pf-m-width-35--pf-v6-c-table--cell--Width
35%
.pf-v6-c-table .pf-m-width-40--pf-v6-c-table--cell--Width
40%
.pf-v6-c-table .pf-m-width-45--pf-v6-c-table--cell--Width
45%
.pf-v6-c-table .pf-m-width-50--pf-v6-c-table--cell--Width
50%
.pf-v6-c-table .pf-m-width-60--pf-v6-c-table--cell--Width
60%
.pf-v6-c-table .pf-m-width-70--pf-v6-c-table--cell--Width
70%
.pf-v6-c-table .pf-m-width-80--pf-v6-c-table--cell--Width
80%
.pf-v6-c-table .pf-m-width-90--pf-v6-c-table--cell--Width
90%
.pf-v6-c-table .pf-m-width-100--pf-v6-c-table--cell--Width
100%

Prefixed with 'pf-c-table'

Expand or collapse columnSelectorVariableValue