Tables

Tables

Basic Table Styling

First Name Last Name Points
Jane Doe 87
John Doe 25
Betty Smith 21
Chad Douglas 17

Number columns should be right-aligned on all tables for readability. Add the class num to the td element that needs to be right-aligned.


  

    First Name
    Last Name
    Points
  

  

    Jane
    Doe
    87
  

  

    John
    Doe
    25
  

  

    Betty
    Smith
    21
  

  

    Chad
    Douglas
    17

Striped Table

Table contains gray and white stripes to help user differentiate rows from one another.

First Name Last Name Points
Jane Doe 87
John Doe 25
Betty Smith 21
Chad Douglas 17

Tables that are striped should use the class striped to the table element.


  

    First Name
    Last Name
    Points
  

  

    Jane
    Doe
    87
  

  

    John
    Doe
    25
  

  

    Betty
    Smith
    21
  

  

    Chad
    Douglas
    17

Hover Table

Highlights table rows on mouse hover.

First Name Last Name Points
Jane Doe 87
John Doe 25
Betty Smith 21
Chad Douglas 17

Tables that have hover highlighting should use the class hover to the table element.


  

    First Name
    Last Name
    Points
  

  

    Jane
    Doe
    87
  

  

    John
    Doe
    25
  

  

    Betty
    Smith
    21
  

  

    Chad
    Douglas
    17

Striped & Hover Table

Highlights table rows on mouse hover and has stripes.

First Name Last Name Points
Jane Doe 87
John Doe 25
Betty Smith 21
Chad Douglas 17

Tables that are to be striped and have hover highlighting should use the multi class striped hover to the table element.


  

    First Name
    Last Name
    Points
  

  

    Jane
    Doe
    87
  

  

    John
    Doe
    25
  

  

    Betty
    Smith
    21
  

  

    Chad
    Douglas
    17

Responsive Table

To make any table responsive, add <div class="ls-responsive-table"> around the table.

First Name Last Name Points
Jane Doe 87
John Doe 25
Betty Smith 21
Chad Douglas 17 



  

    First Name
    Last Name
    Points
  

  

    Jane
    Doe
    87
  

  

    John
    Doe
    25
  

  

    Betty
    Smith
    21
  

  

    Chad
    Douglas
    17