Skip to main content
Procore

Table Style List

Below is a list of all the available table styles you can apply to a table. (How do I apply table styles?)

Simple table style ("simple")

This table style adds a grey bolded header and a thin grey border to each cell.

Text Text Text
Text Text Text

 

Sticky Header table style ("sticky-headers")

This table style makes the header row frozen and follow on scroll.

Text Text Text
Text Text Text
Text Text Text
Text Text Text
Text Text Text
Text Text Text

 

Border table style ("border")

This table style adds a grey bolded header and a thick grey border to each cell.

Text Text Text
Text Text Text

 

Add interior borders ("borders-interior")

This table style adds a grey border to a table's interior.

Text Text Text
Text Text Text
Text Text Text

 

Add row borders ("border-rows")

This table style adds a grey bolded header and a thick grey border to each cell.

Text Text Text
Text Text Text
Text Text Text

 

Add orange hover to rows ("orange-hover")

This table style adds a light orange hover to table rows.

Text Text Text
Text Text Text

 

Add orange hover to cells ("orange-hover-cell")

This table style adds a light orange hover to table cells.

Text Text Text
Text Text Text

 

Permission table style ("perm-table")

This table style adds a grey bolded header, centers body text, and adds an orange hover to rows.

Text Text Text
Text Text Text

 

Buttons table style - white links ("buttons")

This table style adds space between cells, rounds the corners, and makes links white.

Link 1 Link 2 Link 3

 

Buttons table style - orange links ("buttons-orangelinks")

This table style does the same thing as the "buttons" table style, but instead of white links, it uses Procore's default link styling.

 

Center/indent bullets ("centered-bullets")

This table style fixes the look of bullets when using a table style that centers text. If you apply this to a table style with left-justified text, it will indent the list slightly.

  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3

 

Add shadow hover ("shadow")

This table style adds a shadow hover to each cell.

Link 1 Link 2 Link 3

 

Add border spacing ("border-spacing")

This table style adds space above and below the content and centers the content.

Text Text Text

 

Add vertical line ("vertical-lines")

This table style lines between table columns.

Text

Text

Text

Text

Text

Text

 

Add center padding ("center-padding")

This table style adds padding to the left and right of a table, so you can center a left-justifed table.

TextTextTextTextTextTextTextTextText TextTextTextTextTextTextTextTextText TextTextTextTextTextTextTextTextText

 

Header table style ("header")

This table style adds space above and below the content and centers the content.

Header

 

Footer table style ("footer")

This table style adds space above and below the content and centers the content.