#### Table Dark

#### Inverse Table

##### Inverse Table - View Code

    <div class="table-responsive">
    <table class="table table-dark mb-0">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">First</th>
                <th scope="col">Last</th>
                <th scope="col">Handle</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">1</th>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td>Jacob</td>
                <td>Thornton</td>
                <td>@fat</td>
            </tr>
            <tr>
                <th scope="row">3</th>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
            </tr>
        </tbody>
    </table>
    </div>

You can also invert the colors—with light text on dark backgrounds—with `.table-inverse`.

###### User | ###### Project Name | ###### Team | ###### Status | ###### Budget
--- | --- | --- | --- | ---
###### Olivia Rhye | Xtreme admin |  | active |
###### Barbara Steele | Adminpro admin |  | cancel |
###### Leonard Gordon | Monster admin |  | active |
###### Evelyn Pope | Materialpro admin |  | pending |
###### Tommy Garza | Elegant admin |  | cancel |
###### George Vasquez | Modernize admin |  | pending |

##### Striped with Inverse Table

##### Striped with Inverse Table - View Code

    <div class="table-responsive">
    <table class="table table-striped table-dark mb-0">
      <thead>
          <tr>
              <th scope="col">#</th>
              <th scope="col">First</th>
              <th scope="col">Last</th>
              <th scope="col">Handle</th>
          </tr>
      </thead>
      <tbody>
          <tr>
              <th scope="row">1</th>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
          </tr>
          <tr>
              <th scope="row">2</th>
              <td>Jacob</td>
              <td>Thornton</td>
              <td>@fat</td>
          </tr>
          <tr>
              <th scope="row">3</th>
              <td>Larry</td>
              <td>the Bird</td>
              <td>@twitter</td>
          </tr>
      </tbody>
    </table>
    </div>

Use .table-striped to add zebra-striping to any table row within the `<tbody>`.

###### User | ###### Project Name | ###### Team | ###### Status | ###### Budget
--- | --- | --- | --- | ---
###### Olivia Rhye | Xtreme admin |  | active |
###### Barbara Steele | Adminpro admin |  | cancel |
###### Leonard Gordon | Monster admin |  | active |
###### Evelyn Pope | Materialpro admin |  | pending |
###### Tommy Garza | Elegant admin |  | cancel |
###### George Vasquez | Modernize admin |  | pending |

##### Bordered with Inverse Table

##### Bordered with Inverse Table - View Code

    <div class="table-responsive">
    <table class="table table-bordered table-dark mb-0">
      <thead>
          <tr>
              <th scope="col">#</th>
              <th scope="col">First</th>
              <th scope="col">Last</th>
              <th scope="col">Handle</th>
          </tr>
      </thead>
      <tbody>
          <tr>
              <th scope="row">1</th>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
          </tr>
          <tr>
              <th scope="row">2</th>
              <td>Jacob</td>
              <td>Thornton</td>
              <td>@fat</td>
          </tr>
          <tr>
              <th scope="row">3</th>
              <td colspan="2">Larry the Bird</td>
              <td>@twitter</td>
          </tr>
      </tbody>
    </table>
    </div>

Add `.table-bordered` for borders on all sides of the table and cells.

###### User | ###### Project Name | ###### Team | ###### Status | ###### Budget
--- | --- | --- | --- | ---
###### Olivia Rhye | Xtreme admin |  | active |
###### Barbara Steele | Adminpro admin |  | cancel |
###### Leonard Gordon | Monster admin |  | active |
###### Evelyn Pope | Materialpro admin |  | pending |
###### Tommy Garza | Elegant admin |  | cancel |
###### George Vasquez | Modernize admin |  | pending |

#### Settings

###### Theme

Light Dark

###### Theme Direction

LTR RTL

###### Theme Colors

###### Layout Type

Vertical
Horizontal

###### Container Option

Boxed Full

###### Sidebar Type

Full
Collapse

###### Card With

Border Shadow

##### Quick Page Links

- Analytics /dashboards/dashboard1
- eCommerce /dashboards/dashboard2
- CRM /dashboards/dashboard3
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop
- Modern /dashboards/dashboard1
- Dashboard /dashboards/dashboard2
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop