format project
This commit is contained in:
parent
7651afaa0b
commit
a6d4064af8
83 changed files with 942 additions and 536 deletions
|
|
@ -1,31 +1,35 @@
|
|||
### table
|
||||
|
||||
Table can be used to show a list of data in a table format
|
||||
|
||||
[table docs](https://daisyui.com/components/table/)
|
||||
|
||||
#### Class Names:
|
||||
|
||||
- Component: `table`
|
||||
- Modifier: `table-zebra`, `table-pin-rows`, `table-pin-cols`
|
||||
- Size: `table-xs`, `table-sm`, `table-md`, `table-lg`, `table-xl`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table {MODIFIER}">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="{MODIFIER} table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th></th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- {MODIFIER} is optional and can have one of each modifier/size class names
|
||||
- The `overflow-x-auto` class is added to the wrapper div to make the table horizontally scrollable on smaller screens
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue