Bootstrap 5 Tables | Different Table Classes in Bootstrap 5 | Responsive Tables -Technical Ma’am
Bootstrap 5 Tables | Different Table Classes in Bootstrap 5 | Responsive Tables -Technical Ma’am
Tables
Documentation and examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.
Due to the widespread use of table-elements across third-party widgets like calendars and date pickers, Bootstrap’s tables are opt-in. Add the base class table to any table,then extend with our optional modifier classes or custom styles. All table styles are not inherited in Bootstrap, meaning any nested tables can be styled independent from the parent.
Using the most basic table markup, here’s how .table-based tables look in Bootstrap.
There are so many table classes
1. Basic table
2. Striped rows
3. Hoverable rows
4. Active tables
5. Bordered tables
6. Tables without borders
7. Small tables
8. Table head
9. Responsive table
____________________________\_________
Time span
00:00 Introduction to Table in Bootstrap 5
00:29 basic Tables introduction & Practical
04:50 Basic Table Output
05:00 Introduction to Striped Rows and Practical
05:50 striped Rows Output
05:56 Bordered Table Understanding
06:42 Bordered Table Output
06:46 Hover Rows introduction
07:48 Black/Dark Table
08:38 Dark Striped Table
09:40 Hoverable Dark Table with example
10:41 Contextual Classes of Colors
15:08 Borderless Classes
15:26 Table head Color class
19:55 Small Table
21:00 Responsive Table
———————————
Subscribe to my channel
Technical Ma’am
#bootstrap5
#table