{% extends "partials/layouts/main-layout.html.twig" %} {% block css1 %} {% endblock %} {% block body_attributes %} {% endblock %} {% block sidebar %} {% include "partials/sidebar.html.twig" %} {% endblock %} {% block hr_sidebar %} {% include "partials/horizontal-sidebar.html.twig" %} {% endblock %} {% block content %}
{% include "partials/breadcrumb.html.twig" with {'title': "Table Dark", 'subtitle': "Home"} %}

Inverse Table

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

User
Project Name
Team
Status
Budget
Sunil Joshi
Web Designer

Elite Admin

S D
Active
$3.9k
Arlene McCoy
Project Manager

Real Homes WP Theme

A X N
Pending
$24.5k
Christopher Jamil
Project Manager

MedicalPro WP Theme

X
Completed
$12.8k
Evelyn Pope
Frontend Engineer

Hosting Press HTML

Y X
Active
$2.4k
Micheal Doe
Content Writer

Hosting Press HTML

S
Cancel
$9.3k
Striped with Inverse Table

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

User
Project Name
Team
Status
Budget
Sunil Joshi
Web Designer

Elite Admin

S D
Active
$3.9k
Arlene McCoy
Project Manager

Real Homes WP Theme

A X N
Pending
$24.5k
Christopher Jamil
Project Manager

MedicalPro WP Theme

X
Completed
$12.8k
Evelyn Pope
Frontend Engineer

Hosting Press HTML

Y X
Active
$2.4k
Micheal Doe
Content Writer

Hosting Press HTML

S
Cancel
$9.3k
Bordered with Inverse Table

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

User
Project Name
Team
Status
Budget
Sunil Joshi
Web Designer

Elite Admin

S D
Active
$3.9k
Arlene McCoy
Project Manager

Real Homes WP Theme

A X N
Pending
$24.5k
Christopher Jamil
Project Manager

MedicalPro WP Theme

X
Completed
$12.8k
Evelyn Pope
Frontend Engineer

Hosting Press HTML

Y X
Active
$2.4k
Micheal Doe
Content Writer

Hosting Press HTML

S
Cancel
$9.3k
{% endblock %} {% block js2 %} {% endblock %}