# Table **Path:** CSS Framework/Layout [Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md) --- Table Tables can be modified by .table class, then extend with our optional modifier classes or custom styles. Using the most basic table markup, here’s how .table-based tables look in Bootstrap. # First Last Age 1 Mark Otto 27 2 Jacob Thornton 24 3 Long Name Person 54 Colors Change the background color using utilities built on our theme colors. For further information, please look at color utilities . th td default default primary primary success success danger danger warning warning info info Striped Row Striped Use .table-striped to add zebra-striping to any table row within the . # First Last Age 1 Mark Otto 27 2 Jacob Thornton 24 3 Long Name Person 54 Column Striped Use .table-striped-columns to add zebra-striping to any table column. # First Last Age 1 Mark Otto 27 2 Jacob Thornton 24 3 Long Name Person 54 Hoverable Rows Add .table-hover to enable a hover state on table rows within a . # First Last Age 1 Mark Otto 27 2 Jacob Thornton 24 3 Long Name Person 54 Active Tables Highlight a table row or cell by adding a .table-active class. # First Last Age 1 Mark Otto 27 2 Jacob Thornton 24 3 Long Name Person 54 Borders Bordered Tables Add .table-bordered for borders on all sides of the table and cells. # First Last Age 1 Mark Otto 27 2 Jacob Thornton 24 3 Long Name Person 54 Tables Without Borders Add .table-borderless for a table without borders. # First Last Age 1 Mark Otto 27 2 Jacob Thornton 24 3 Long Name Person 54 ✕ Contents