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?)
Jump to:
- "border" table style
- "border-spacing" table style
- "buttons" table style
- "buttons-orangelinks" table style
- "centered-bullets" table style
- "footer" table style
- "header" table style
- "orange-hover" table style
- "orange-hover-cell" table style
- "perm-table" table style
- "shadow" table style
- "simple" table style
- "sticky-headers" table style
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.
Link 1 | Link 2 | Link 3 |
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.
|
|
|
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.
Footer links | Footer links | Footer links |