To implement a basic style over tables you can use class .table
<table class="table">
<thead>
...
</thead>
<tbody>
...
</tbody>
</table>
Breakpoint | Example |
---|---|
xl | col-w-xl-3 |
lg | col-w-lg-4 |
md | col-w-md-6 |
sm | col-w-xl-12 |
You can add a hover effect by adding the class .table-with-hover
<table class="table table-with-hover">
...
</table>
Breakpoint | Example |
---|---|
xl | col-w-xl-3 |
lg | col-w-lg-4 |
md | col-w-md-6 |
sm | col-w-xl-12 |
You can add collapsed border with the class .table-with-boder
<table class="table table-with-border">
...
</table>
Breakpoint | Example |
---|---|
xl | col-w-xl-3 |
lg | col-w-lg-4 |
md | col-w-md-6 |
sm | col-w-xl-12 |