Welcome to Notika Admin Template
Basic example without any additional modification classes
# | First Name | Last Name | Username | Nickname |
---|---|---|---|---|
1 | Alexandra | Christopher | @makinton | Ducky |
2 | Madeleine | Hollaway | @hollway | Cheese |
3 | Sebastian | Johnston | @sebastian | Jaycee |
4 | Mitchell | Christin | @mitchell4u | AdskiDeAnus |
5 | Elizabeth | Belkitt | @belkitt | Goat |
6 | Benjamin | Parnell | @wayne234 | Pokie |
7 | Katherine | Buckland | @anitabelle | Wokie |
8 | Nicholas | Walmart | @mwalmart | Spike |
Add Classes (.table-striped
) to any table row within the tbody
# | First Name | Last Name | Username | Nickname |
---|---|---|---|---|
1 | Alexandra | Christopher | @makinton | Ducky |
2 | Madeleine | Hollaway | @hollway | Cheese |
3 | Sebastian | Johnston | @sebastian | Jaycee |
4 | Mitchell | Christin | @mitchell4u | AdskiDeAnus |
5 | Elizabeth | Belkitt | @belkitt | Goat |
6 | Benjamin | Parnell | @wayne234 | Pokie |
7 | Katherine | Buckland | @anitabelle | Wokie |
8 | Nicholas | Walmart | @mwalmart | Spike |
Tables with borders on all possible sides of the Table and Cells (.table-bordered
).
# | First Name | Last Name | Username | Nickname |
---|---|---|---|---|
1 | Alexandra | Christopher | @makinton | Ducky |
2 | Madeleine | Hollaway | @hollway | Cheese |
3 | Sebastian | Johnston | @sebastian | Jaycee |
4 | Mitchell | Christin | @mitchell4u | AdskiDeAnus |
5 | Elizabeth | Belkitt | @belkitt | Goat |
6 | Benjamin | Parnell | @wayne234 | Pokie |
7 | Katherine | Buckland | @anitabelle | Wokie |
8 | Nicholas | Walmart | @mwalmart | Spike |
Enable a hover state (.table-hover
) on table rows within a tbody
# | First Name | Last Name | Username | Nickname |
---|---|---|---|---|
1 | Alexandra | Christopher | @makinton | Ducky |
2 | Madeleine | Hollaway | @hollway | Cheese |
3 | Sebastian | Johnston | @sebastian | Jaycee |
4 | Mitchell | Christin | @mitchell4u | AdskiDeAnus |
5 | Elizabeth | Belkitt | @belkitt | Goat |
6 | Benjamin | Parnell | @wayne234 | Pokie |
7 | Katherine | Buckland | @anitabelle | Wokie |
8 | Nicholas | Walmart | @mwalmart | Spike |
Make tables more compact by cutting cell padding in half (.table-condensed
).
# | First Name | Last Name | Username | Nickname |
---|---|---|---|---|
1 | Alexandra | Christopher | @makinton | Ducky |
2 | Madeleine | Hollaway | @hollway | Cheese |
3 | Sebastian | Johnston | @sebastian | Jaycee |
4 | Mitchell | Christin | @mitchell4u | AdskiDeAnus |
5 | Elizabeth | Belkitt | @belkitt | Goat |
6 | Benjamin | Parnell | @wayne234 | Pokie |
7 | Katherine | Buckland | @anitabelle | Wokie |
8 | Nicholas | Walmart | @mwalmart | Spike |
Use contextual classes (.info, .warning, .success, .danger
) to color table rows or individual cells.
# | First Name | Last Name | Username | Nickname |
---|---|---|---|---|
1 | Alexandra | Christopher | @makinton | Ducky |
3 | Sebastian | Johnston | @sebastian | Jaycee |
4 | Mitchell | Christin | @mitchell4u | AdskiDeAnus |
2 | Madeleine | Hollaway | @hollway | Cheese |
5 | Elizabeth | Belkitt | @belkitt | Goat |