W3.CSS Table Classes

W3.CSS provides the following classes for tables:

Basic Table - 

  <table class="w3-table">
    <tr>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Points</th>
    </tr>
    <tr>
      <td>Aditya</td>
      <td>Pathak</td>
      <td>96</td>
    </tr>
    <tr>
      <td>Vivek</td>
      <td>Tiwari</td>
      <td>48</td>
    </tr>
    <tr>
      <td>Adarsh</td>
      <td>Mishra</td>
      <td>92</td>
    </tr>
  </table>

Striped Table

The w3-striped class is used to add zebra-stripes to a table:

<table class="w3-table w3-striped">

Bordered Table -

<table class="w3-table w3-bordered">

Border Around a Table -

<table class="w3-table w3-striped w3-border">

Displaying it All

<table class="w3-table-all">

Hoverable Table - 

<table class="w3-table-all w3-hoverable">

Table as a Card -

<table class="w3-table-all w3-card-4">