Skip to Content
Patternfly Logo

Table

A table is used to display large data sets that can be easily laid out in a simple grid with column headers. Related design guidelines: Lists and tables

ExamplesPropsCSS Variables

Note: Table lives in its own package at @patternfly/react-table!

Examples

Basic

RepositoriesBranchesPull requestsWorkspacesLast Commit
onetwothreefourfive
one - 2
four - 2five - 2
one - 3two - 3three - 3four - 3five - 3 (not centered)

Row click handler

Row Click Handler Table
RepositoriesBranchesPull requestsWorkspaces
Repositories oneBranches onePull requests oneWorkspaces one
Repositories twoBranches twoPull requests twoWorkspaces two
Repositories threeBranches threePull requests threeWorkspaces three

Custom row wrapper

Table with custom row wrapper that styles odd rows
RepositoriesBranchesPull requestsWorkspaces
Repositories oneBranches onePull requests oneWorkspaces one
Repositories twoBranches twoPull requests twoWorkspaces two
Repositories threeBranches threePull requests threeWorkspaces three

Sortable

BranchesWorkspacesLast Commit
onetwoafourfive
atwokfourfive
ptwobfourfive

Sortable with wrapping headers

onetwoafourfive
atwokfourfive
ptwobfourfive

Selectable

RepositoriesBranchesPull requestsWorkspacesLast Commit
one
twoafourfive
a
twokfourfive
p
twobfourfive

Simple actions

RepositoriesBranchesPull requestsWorkspacesLast Commit
one
twoafourfive
a
twokfourfive
p
twobfourfive

Actions

RepositoriesBranchesPull requestsWorkspacesLast Commit
one
twoafourfive
a
twokfourfive
p
twobfourfive
5
2bfourfive

First cell as header

Header cellBranchesPull requestsWorkspacesLast Commit
one
twothreefourfive

Compact

Header cellBranchesPull requests
onetwothreefour
onetwothreefour
onetwothreefour

Compact borderless rows

Header cellBranchesPull requests
onetwothreefour
onetwothreefour
onetwothreefour

Compact expandable

Header cellBranchesPull requests
onetwothreefour
parent - 1twothreefour
child - 1
parent - 2twothreefour
parent - 3twothreefour

With width modifiers

Header cellBranchesPull requestsWorkspacesLast Commit
onetwothreefourfive

Breakpoint modifiers

RepositoriesBranchesPull requestsWorkspacesLast Commit
Visible only on md breakpoint10Hidden only on md breakpoint5Hidden on xs breakpoint
Repository 2102552 days ago
Repository 3102552 days ago
Repository 4102552 days ago

Collapsible

Header cellBranchesPull requestsWorkspacesLast Commit
onetwothreefourfive
parent - 1twothreefourfive
child - 1
parent - 2twothreefourfive
parent - 3twothreefourfive

Compound exandable

RepositoriesBranchesPull requestsWorkspacesLast Commit
siemur/test-space20 minutesOpen in Github
BranchesWorkspacesLast Commit
parent-0compound-1threefourfive
atwokfourfive
ptwobfourfive
siemur/test-space20 minutesOpen in Github

Wrapping headers

This is a really long table header that goes on for a long time 1.This is a really long table header that goes on for a long time 2.This is a really long table header that goes on for a long time 3.This is a really long table header that goes on for a long time 4.This is a really long table header that goes on for a long time 5.
Repository 1102552 days ago
Repository 2102552 days ago
Repository 3102552 days ago
Repository 4102552 days ago

Empty state

Empty State Table Example
RepositoriesBranchesPull requestWorkspacesLastCommit

No results found

No results match the filter criteria. Remove all filters or clear all filters to show results.

Editable rows Beta

Text input col 1Disabled text input col 2Text input col 3Text input col 4
Row 1 cell 1 content
Row 1 cell 2, disabled content
Row 1 cell 3 content
Row 1 cell 4 content
Row 2 cell 1 content
Row 2 cell 2, disabled content
Row 2 cell 3 content
Row 2 cell 4 content
Row 3 cell 1 content
Row 3 cell 2, disabled content
Row 3 cell 3 content
Row 3 cell 4 content

Props

Table properties
NameTypeRequiredDefaultDescription
aria-labelstringNoundefinedAdds an accessible name for the Table
childrenReact.ReactNodeNonullContent rendered inside the Table
classNamestringNo''Additional classes added to the Table
variantliteralNonullStyle variant for the Table
bordersbooleanNotrueRender borders
gridBreakPoint'' | 'grid' | 'grid-md' | 'grid-lg' | 'grid-xl' | 'grid-2xl'NoTableGridBreakpoint.gridMdSpecifies the grid breakpoints
sortByISortByNoSpecifies the initial sorting pattern for the table - asc/desc and the index of the column to sort by
onCollapse( event: React.MouseEvent, rowIndex: number, isOpen: boolean, rowData: IRowData, extraData: IExtraData ) => voidNoFunction triggered when an expandable content is collapsed. When this is used, one expandable toggle button will be positioned in the first cell of a non-expandable row, preceding an expandable row
onExpand( event: React.MouseEvent, rowIndex: number, colIndex: number, isOpen: boolean, rowData: IRowData, extraData: IExtraData ) => voidNoFunction triggered when a compound expandable item is clicked
onSelect( event: React.MouseEvent, isSelected: boolean, rowIndex: number, rowData: IRowData, extraData: IExtraData ) => voidNoFunction triggered when a row's checkbox is selected. When this is used, one checkbox will be positioned in the first or second cell of a non-expandable row
canSelectAllbooleanNotrueEnables or Disables the ability to select all
onRowEditBeta( event: React.MouseEvent<HTMLButtonElement>, type: RowEditType, isEditable?: boolean, rowIndex?: number, validationErrors?: RowErrors ) => voidNoFunction triggered when a row's inline edit is activated. Adds a column for inline edit when present.
onSort( event: React.MouseEvent, columnIndex: number, sortByDirection: SortByDirection, extraData: IExtraColumnData ) => voidNoFunction triggered when sort icon is clicked
actions(IAction | ISeparator)[]NoActions to add to the Table
actionResolver(rowData: IRowData, extraData: IExtraData) => (IAction | ISeparator)[]NoResolver for the given action
areActionsDisabled(rowData: IRowData, extraData: IExtraData) => booleanNoSpecifies if the Kebab for actions is disabled
headerReact.ReactNodeNoundefinedComponent to place in the header
captionReact.ReactNodeNoundefinedComponent used for caption
rowLabeledBystringNo'simple-node'label for row
expandIdstringNo'expandable-toggle'ID for expand
contentIdstringNo'expanded-content'ID for content
dropdownPosition'right' | 'left'NoDropdownPosition.rightThe desired position to show the dropdown when clicking on the actions Kebab. Can only be used together with `actions` property
dropdownDirection'up' | 'down'NoDropdownDirection.downThe desired direction to show the dropdown when clicking on the actions Kebab. Can only be used together with `actions` property
rows(IRow | string[])[]YesRow data
cells(ICell | string)[]YesCell data
bodyWrapperFunctionNoWrapper for the body
rowWrapper(props: RowWrapperProps) => JSX.ElementNoWrapper for the row
rolestringNo'grid'A valid WAI-ARIA role to be applied to the table element
TableHeader properties
NameTypeRequiredDefaultDescription
classNamestringNoAdditional classes added to the TableHeader
TableBody properties
NameTypeRequiredDefaultDescription
classNamestringNo''Additional classes added to the TableBody
childrenReact.ReactNodeNonullThis prop should not be set manually
headerDataIRow[]NoThis prop should not be set manually
rowsIRow[]NoThis prop should not be set manually
rowKeyRowKeyTypeNo'id'This prop should not be set manually
onRowClick( event: React.MouseEvent, row: IRow, rowProps: IExtraRowData, computedData: IComputedData ) => voidNo(event: React.MouseEvent, row: IRow, rowProps: IExtraRowData, computedData: IComputedData) => /* eslint-enable @typescript-eslint/no-unused-vars */ undefined as OnRowClickThis prop should not be set manually
onRowFunctionNo(...args: any) => ObjectThis prop should not be set manually

CSS Variables

.pf-c-table--pf-global--Color--100global_Color_100
#151515
.pf-c-table--pf-global--Color--200global_Color_200
#737679
.pf-c-table--pf-global--BorderColor--100global_BorderColor_100
#d2d2d2
.pf-c-table--pf-global--primary-color--100global_primary_color_100
#06c
.pf-c-table--pf-global--link--Colorglobal_link_Color
#06c
.pf-c-table--pf-global--link--Color--hoverglobal_link_Color_hover
#004080
.pf-c-table--pf-global--BackgroundColor--100global_BackgroundColor_100
#fff
.pf-c-table--pf-c-table--BackgroundColorc_table_BackgroundColor
#fff
.pf-c-table--pf-c-table--BorderColorc_table_BorderColor
#d2d2d2
.pf-c-table--pf-c-table--BorderWidthc_table_BorderWidth
1px
.pf-c-table--pf-c-table--FontWeightc_table_FontWeight
400
.pf-c-table--pf-c-table-caption--FontSizec_table_caption_FontSize
0.875rem
.pf-c-table--pf-c-table-caption--Colorc_table_caption_Color
#737679
.pf-c-table--pf-c-table-caption--PaddingTopc_table_caption_PaddingTop
1rem
.pf-c-table--pf-c-table-caption--PaddingRightc_table_caption_PaddingRight
1.5rem
.pf-c-table--pf-c-table-caption--md--PaddingRightc_table_caption_md_PaddingRight
1rem
.pf-c-table--pf-c-table-caption--PaddingBottomc_table_caption_PaddingBottom
1rem
.pf-c-table--pf-c-table-caption--PaddingLeftc_table_caption_PaddingLeft
1.5rem
.pf-c-table--pf-c-table-caption--md--PaddingLeftc_table_caption_md_PaddingLeft
1rem
.pf-c-table--pf-c-table-thead--FontSizec_table_thead_FontSize
0.875rem
.pf-c-table--pf-c-table-thead--FontWeightc_table_thead_FontWeight
600
.pf-c-table--pf-c-table-thead-cell--PaddingTopc_table_thead_cell_PaddingTop
1rem
.pf-c-table--pf-c-table-thead-cell--PaddingBottomc_table_thead_cell_PaddingBottom
1rem
.pf-c-table--pf-c-table-cell--hidden-visible--Displayc_table_cell_hidden_visible_Display
table-cell
.pf-c-table--pf-c-table-tbody-cell--PaddingTopc_table_tbody_cell_PaddingTop
1.5rem
.pf-c-table--pf-c-table-tbody-cell--PaddingBottomc_table_tbody_cell_PaddingBottom
1.5rem
.pf-c-table--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
1rem
.pf-c-table--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
1rem
.pf-c-table--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
1rem
.pf-c-table--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
1rem
.pf-c-table--pf-c-table-cell--FontSizec_table_cell_FontSize
1rem
.pf-c-table--pf-c-table-cell--first-last-child--PaddingLeftc_table_cell_first_last_child_PaddingLeft
1.5rem
.pf-c-table--pf-c-table-cell--first-last-child--PaddingRightc_table_cell_first_last_child_PaddingRight
1.5rem
.pf-c-table--pf-c-table__toggle--c-button--MarginTopc_table__toggle_c_button_MarginTop
calc(0.375rem * -1)
.pf-c-table--pf-c-table__toggle--c-button__toggle-icon--Transformc_table__toggle_c_button__toggle_icon_Transform
rotate(270deg)
.pf-c-table--pf-c-table__toggle--c-button__toggle-icon--Transitionc_table__toggle_c_button__toggle_icon_Transition
.2s ease-in 0s
.pf-c-table--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Transformc_table__toggle_c_button_m_expanded__toggle_icon_Transform
rotate(360deg)
.pf-c-table--pf-c-table--m-compact__toggle--PaddingTopc_table_m_compact__toggle_PaddingTop
0
.pf-c-table--pf-c-table--m-compact__toggle--PaddingBottomc_table_m_compact__toggle_PaddingBottom
0
.pf-c-table--pf-c-table__check--input--MarginTopc_table__check_input_MarginTop
0.1875rem
.pf-c-table--pf-c-table__check--input--FontSizec_table__check_input_FontSize
1rem
.pf-c-table--pf-c-table__action--PaddingTopc_table__action_PaddingTop
0
.pf-c-table--pf-c-table__action--PaddingRightc_table__action_PaddingRight
0
.pf-c-table--pf-c-table__action--PaddingBottomc_table__action_PaddingBottom
0
.pf-c-table--pf-c-table__action--PaddingLeftc_table__action_PaddingLeft
0
.pf-c-table--pf-c-table__inline-edit-action--PaddingTopc_table__inline_edit_action_PaddingTop
0
.pf-c-table--pf-c-table__inline-edit-action--PaddingRightc_table__inline_edit_action_PaddingRight
0
.pf-c-table--pf-c-table__inline-edit-action--PaddingBottomc_table__inline_edit_action_PaddingBottom
0
.pf-c-table--pf-c-table__inline-edit-action--PaddingLeftc_table__inline_edit_action_PaddingLeft
0
.pf-c-table--pf-c-table__expandable-row--Transitionc_table__expandable_row_Transition
all 250ms cubic-bezier(.42, 0, .58, 1)
.pf-c-table--pf-c-table__expandable-row--before--Widthc_table__expandable_row_before_Width
3px
.pf-c-table--pf-c-table__expandable-row--before--BackgroundColorc_table__expandable_row_before_BackgroundColor
#06c
.pf-c-table--pf-c-table__expandable-row--before--ZIndexc_table__expandable_row_before_ZIndex
200
.pf-c-table--pf-c-table__expandable-row--before--Topc_table__expandable_row_before_Top
calc(1px * -1)
.pf-c-table--pf-c-table__expandable-row--before--Bottomc_table__expandable_row_before_Bottom
calc(1px * -1)
.pf-c-table--pf-c-table__expandable-row--MaxHeightc_table__expandable_row_MaxHeight
28.125rem
.pf-c-table--pf-c-table__expandable-row-content--Transitionc_table__expandable_row_content_Transition
all 250ms cubic-bezier(.42, 0, .58, 1)
.pf-c-table--pf-c-table__expandable-row-content--PaddingTopc_table__expandable_row_content_PaddingTop
1.5rem
.pf-c-table--pf-c-table__expandable-row-content--PaddingBottomc_table__expandable_row_content_PaddingBottom
1.5rem
.pf-c-table--pf-c-table__sort-indicator--MarginLeftc_table__sort_indicator_MarginLeft
1rem
.pf-c-table--pf-c-table__sort-indicator--Colorc_table__sort_indicator_Color
#d2d2d2
.pf-c-table--pf-c-table__sort-indicator--hover--Colorc_table__sort_indicator_hover_Color
#151515
.pf-c-table--pf-c-table__sort--c-button--Colorc_table__sort_c_button_Color
#151515
.pf-c-table--pf-c-table__sort-indicator--LineHeightc_table__sort_indicator_LineHeight
1.5
.pf-c-table--pf-c-table__icon-inline--MarginRightc_table__icon_inline_MarginRight
0.5rem
.pf-c-table--pf-c-table--nested--first-last-child--PaddingRightc_table_nested_first_last_child_PaddingRight
4rem
.pf-c-table--pf-c-table--nested--first-last-child--PaddingLeftc_table_nested_first_last_child_PaddingLeft
4rem
.pf-c-table--pf-c-table--m-compact-th--PaddingTopc_table_m_compact_th_PaddingTop
1rem
.pf-c-table--pf-c-table--m-compact-th--PaddingBottomc_table_m_compact_th_PaddingBottom
1rem
.pf-c-table--pf-c-table--m-compact-cell--PaddingTopc_table_m_compact_cell_PaddingTop
0.5rem
.pf-c-table--pf-c-table--m-compact-cell--PaddingRightc_table_m_compact_cell_PaddingRight
0.5rem
.pf-c-table--pf-c-table--m-compact-cell--PaddingBottomc_table_m_compact_cell_PaddingBottom
0.5rem
.pf-c-table--pf-c-table--m-compact-cell--PaddingLeftc_table_m_compact_cell_PaddingLeft
0.5rem
.pf-c-table--pf-c-table--m-compact-cell--first-last-child--PaddingLeftc_table_m_compact_cell_first_last_child_PaddingLeft
1.5rem
.pf-c-table--pf-c-table--m-compact-cell--first-last-child--PaddingRightc_table_m_compact_cell_first_last_child_PaddingRight
1.5rem
.pf-c-table--pf-c-table--m-compact--FontSizec_table_m_compact_FontSize
0.875rem
.pf-c-table--pf-c-table--m-compact__expandable-row-content--PaddingTopc_table_m_compact__expandable_row_content_PaddingTop
1.5rem
.pf-c-table--pf-c-table--m-compact__expandable-row-content--PaddingRightc_table_m_compact__expandable_row_content_PaddingRight
1.5rem
.pf-c-table--pf-c-table--m-compact__expandable-row-content--PaddingBottomc_table_m_compact__expandable_row_content_PaddingBottom
1.5rem
.pf-c-table--pf-c-table--m-compact__expandable-row-content--PaddingLeftc_table_m_compact__expandable_row_content_PaddingLeft
1.5rem
.pf-c-table--pf-c-table__compound-expansion-toggle--BorderTop--BorderWidthc_table__compound_expansion_toggle_BorderTop_BorderWidth
3px
.pf-c-table--pf-c-table__compound-expansion-toggle--BorderTop--BorderColorc_table__compound_expansion_toggle_BorderTop_BorderColor
#06c
.pf-c-table--pf-c-table__compound-expansion-toggle--BorderRight--BorderWidthc_table__compound_expansion_toggle_BorderRight_BorderWidth
1px
.pf-c-table--pf-c-table__compound-expansion-toggle--BorderLeft--BorderWidthc_table__compound_expansion_toggle_BorderLeft_BorderWidth
1px
.pf-c-table--pf-c-table__compound-expansion-toggle--BorderRight--BorderColorc_table__compound_expansion_toggle_BorderRight_BorderColor
#d2d2d2
.pf-c-table--pf-c-table__compound-expansion-toggle--BorderLeft--BorderColorc_table__compound_expansion_toggle_BorderLeft_BorderColor
#d2d2d2
.pf-c-table--pf-c-table__compound-expansion-toggle--BorderBottom--BorderWidthc_table__compound_expansion_toggle_BorderBottom_BorderWidth
1px
.pf-c-table--pf-c-table__compound-expansion-toggle--BorderBottom--BorderColorc_table__compound_expansion_toggle_BorderBottom_BorderColor
#fff
.pf-c-table--pf-c-table__expandable-row--m-expanded--BoxShadowc_table__expandable_row_m_expanded_BoxShadow
0 0.3125rem 0.625rem -0.25rem rgba(3, 3, 3, 0.25)
.pf-c-table--pf-c-table__expandable-row--m-expanded--BorderBottomColorc_table__expandable_row_m_expanded_BorderBottomColor
#fff
.pf-c-table--pf-c-table__sort--sorted--Colorc_table__sort_sorted_Color
#06c
.pf-c-table tr > *--pf-hidden-visible--visible--Visibilityhidden_visible_visible_Visibility
visible
.pf-c-table tr > *--pf-hidden-visible--hidden--Displayhidden_visible_hidden_Display
none
.pf-c-table tr > *--pf-hidden-visible--hidden--Visibilityhidden_visible_hidden_Visibility
hidden
.pf-c-table tr > *--pf-hidden-visible--Displayhidden_visible_Display
table-cell
.pf-c-table tr > *--pf-hidden-visible--Visibilityhidden_visible_Visibility
visible
.pf-c-table tr > *--pf-hidden-visible--visible--Displayhidden_visible_visible_Display
table-cell
.pf-c-table tr > .pf-m-hidden--pf-hidden-visible--Displayhidden_visible_Display
none
.pf-c-table tr > .pf-m-hidden--pf-hidden-visible--Visibilityhidden_visible_Visibility
hidden
.pf-c-table tr > *:first-child--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
1.5rem
.pf-c-table tr > *:last-child--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
1.5rem
.pf-c-table thead--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
1rem
.pf-c-table thead--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
1rem
.pf-c-table thead--pf-c-table-cell--FontSizec_table_cell_FontSize
0.875rem
.pf-c-table thead--pf-c-table--FontWeightc_table_FontWeight
600
.pf-c-table tbody--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
1.5rem
.pf-c-table tbody--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
1.5rem
.pf-c-table .pf-c-table__toggle--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
0
.pf-c-table__toggle--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
0
.pf-c-table__toggle--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
0
.pf-c-table__check--pf-c-table-cell--FontSizec_table_cell_FontSize
1rem
.pf-c-table__action--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
0
.pf-c-table__action--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
0
.pf-c-table__action--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
0
.pf-c-table__action--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
0
.pf-c-table__inline-edit-action--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
0
.pf-c-table__inline-edit-action--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
0
.pf-c-table__compound-expansion-toggle .pf-c-button--pf-c-button--BorderRadiusc_button_BorderRadius
0
.pf-c-table__expandable-row--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
0
.pf-c-table__expandable-row--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
0
.pf-c-table .pf-c-table tr > *:first-child--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
4rem
.pf-c-table .pf-c-table tr > *:last-child--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
4rem
.pf-c-table.pf-m-compact--pf-c-table-cell--FontSizec_table_cell_FontSize
0.875rem
.pf-c-table.pf-m-compact.pf-m-no-border-rows:not(.pf-m-expandable) tbody--pf-c-table--BorderWidthc_table_BorderWidth
0
.pf-c-table.pf-m-compact.pf-m-no-border-rows:not(.pf-m-expandable) tbody--pf-c-table--BorderColorc_table_BorderColor
transparent
.pf-c-table.pf-m-compact.pf-m-no-border-rows:not(.pf-m-expandable) tbody tr:first-child > *--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
calc(0.5rem * 2)
.pf-c-table.pf-m-compact.pf-m-no-border-rows:not(.pf-m-expandable) tbody tr:last-child > *--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
calc(0.5rem * 2)
.pf-c-table.pf-m-compact tr--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
0.5rem
.pf-c-table.pf-m-compact tr--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
0.5rem
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row)--pf-c-table-cell--FontSizec_table_cell_FontSize
0.875rem
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row)--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
0.5rem
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row)--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
0.5rem
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:first-child--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
1.5rem
.pf-c-table.pf-m-compact tr:not(.pf-c-table__expandable-row) > *:last-child--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
1.5rem
.pf-c-table.pf-m-compact thead--pf-c-table--m-compact-cell--PaddingTopc_table_m_compact_cell_PaddingTop
1rem
.pf-c-table.pf-m-compact thead--pf-c-table--m-compact-cell--PaddingBottomc_table_m_compact_cell_PaddingBottom
1rem
.pf-c-table.pf-m-compact .pf-c-table__action--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
0
.pf-c-table.pf-m-compact .pf-c-table__action--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
0
.pf-c-table.pf-m-compact .pf-c-table__action--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
0
.pf-c-table.pf-m-compact .pf-c-table__toggle--pf-c-table-cell--PaddingTopc_table_cell_PaddingTop
0
.pf-c-table.pf-m-compact .pf-c-table__toggle--pf-c-table-cell--PaddingBottomc_table_cell_PaddingBottom
0
.pf-c-table .pf-c-table.pf-m-compact tr > *:first-child--pf-c-table-cell--PaddingLeftc_table_cell_PaddingLeft
4rem
.pf-c-table .pf-c-table.pf-m-compact tr > *:last-child--pf-c-table-cell--PaddingRightc_table_cell_PaddingRight
4rem
.pf-c-table.pf-m-compact .pf-c-table__expandable-row-content--pf-c-table__expandable-row-content--PaddingTopc_table__expandable_row_content_PaddingTop
1.5rem
.pf-c-table.pf-m-compact .pf-c-table__expandable-row-content--pf-c-table__expandable-row-content--PaddingBottomc_table__expandable_row_content_PaddingBottom
1.5rem