Tabs allow you to group elements, thus shortening the entire page. The tab bar should be placed above or below the tab content. Mixing content with tabs is not allowed. The same rules apply to the colors of tab borders as to the background colors of text fields.
Base table has only class imd-table and by default has only bottom borders for each row.
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Content 1.1 | Content 1.2 | Content 1.3 |
| Content 2.1 | Content 2.2 | Content 2.3 |
To add border for whole table use imd-table-bordered class.
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Content 1.1 | Content 1.2 | Content 1.3 |
| Content 2.1 | Content 2.2 | Content 2.3 |
To add responsive overflow container for the tables use parent div with imd-table-responsive class.
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Content 1.1 | Content 1.2 | Content 1.3 |
| Content 2.1 | Content 2.2 | Content 2.3 |