Table
Stylized tables to allow audience grabs the information in a glance.
Basic tables
Since TheDocs is based on Bootstrap 4, so you can safley use Bootstrap's table classes to style your table. We also added more table styles and functionality to our template.
Basic
All tables need .table class.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Light thead
.thead-light applies to thead
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Striped
.table-striped applies to .table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Bordered
.table-bordered applies to .table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Options table
Options table can be used for describing a function, event, class, etc. Make sure you'll wrap your table indside .table-responsive and your table has classes of .table, .table-bordered and .table-striped.
| Name | type | default | description |
|---|---|---|---|
| interval | number | 5000 | The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. |
| pause | string | "hover" | Pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. |
| delay | number | object | 0 |
Delay showing and hiding the popover (ms) - does not apply to manual trigger type If a number is supplied, delay is applied to both hide/show Object structure is: |
| wrap | boolean | true | Whether the carousel should cycle continuously or have hard stops. |
| keyboard | boolean | true | Whether the carousel should react to keyboard events. |
Detail table
You can use this type of table to describe several related key-value-paired options. Your table has to include these classes: .table, .table-bordered, .table-striped and .table-detail.
| Theme name: | TheDocs |
| Description: | A starter theme for developing your next software documentation. It's based on Twitter Bootstrap and has basic elements that you'll fequently use them. |
| Created: | 08 October 2015 |
| Last Update: | 6 days ago |
| Documentation: | Well documented |
| Layout: | Responsive |