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 |