{% 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 %}
You can also invert the colors—with light text on dark backgrounds—with
.table-inverse
.
User |
Project Name |
Team |
Status |
Budget |
---|---|---|---|---|
![]() Sunil JoshiWeb Designer |
Elite Admin |
Active |
$3.9k |
|
![]() Arlene McCoyProject Manager |
Real Homes WP Theme |
Pending |
$24.5k |
|
![]() Christopher JamilProject Manager |
MedicalPro WP Theme |
Completed |
$12.8k |
|
![]() Evelyn PopeFrontend Engineer |
Hosting Press HTML |
Active |
$2.4k |
|
![]() Micheal DoeContent Writer |
Hosting Press HTML |
Cancel |
$9.3k |
Use .table-striped to add zebra-striping to any table row within the
<tbody>
.
User |
Project Name |
Team |
Status |
Budget |
---|---|---|---|---|
![]() Sunil JoshiWeb Designer |
Elite Admin |
Active |
$3.9k |
|
![]() Arlene McCoyProject Manager |
Real Homes WP Theme |
Pending |
$24.5k |
|
![]() Christopher JamilProject Manager |
MedicalPro WP Theme |
Completed |
$12.8k |
|
![]() Evelyn PopeFrontend Engineer |
Hosting Press HTML |
Active |
$2.4k |
|
![]() Micheal DoeContent Writer |
Hosting Press HTML |
Cancel |
$9.3k |
Add .table-bordered
for borders on all sides of the table and cells.
User |
Project Name |
Team |
Status |
Budget |
---|---|---|---|---|
![]() Sunil JoshiWeb Designer |
Elite Admin |
Active |
$3.9k |
|
![]() Arlene McCoyProject Manager |
Real Homes WP Theme |
Pending |
$24.5k |
|
![]() Christopher JamilProject Manager |
MedicalPro WP Theme |
Completed |
$12.8k |
|
![]() Evelyn PopeFrontend Engineer |
Hosting Press HTML |
Active |
$2.4k |
|
![]() Micheal DoeContent Writer |
Hosting Press HTML |
Cancel |
$9.3k |