An example of table shortcodes that you can use within any WordPress Page or Post with following shortcodes:
[table style="light"]
Table tags
[/table]
Options:
- class: (default: custom-table) | Optional
| Company | Header 1 | Header 2 | Header 3 | Header 4 |
|---|---|---|---|---|
| The foot text for this table | ||||
| Company 1 | Division | Division | Division | Division |
| Company 2 | Division | Division | Division | Division |
| Company 3 | Division | Division | Division | Division |
CSS code
You can use the following code to modify styles for custom class.
.table_gray{
border: 1px solid #dddddd !important;
margin-bottom:15px;
}
.table_gray table{
text-align: left;
border-collapse: collapse;
border: 1px solid #fff !important;
width:100%;
padding:0;
margin:0;
}
.table_gray th{
text-align:center;
padding:12px;
font-weight: normal;
font-size: 16px !important;
color: #555;
background-color:#EEEEEE;
}
.table_gray tbody{
background: #F9F9F9;
}
.table_gray tr.alternate td{
background-color:#f1f1f1;
}
.table_gray td{
text-align:center;
padding: 10px;
color: #666;
border-top: 1px dashed #fff;
}
.table_gray tbody tr:hover td{
color: #333;
background: #fff;
border-top: 1px solid #fff;
}
.table_gray tfoot{
background-color:#f3f3f3;
margin: 0px !important;
padding: 0px !important;
}
.table_gray tfoot td{
padding:8px;
}