Table
You can easily add extra styling table to your content by selecting the right element from the Formats menu of the WYSIWYG editor toolbar.
By default all tables look like:
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |
with .table-bordered class added:
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |
with .table-striped class added:
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |
with .table-title class added:
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |
You can easily mix the table styles but adding two classes e.g.: .table-bordered .table-striped
| # | Date | City | Country |
|---|---|---|---|
| 1 | October 29th, 2017 | Ramillies | France |
| 2 | September 20th, 2018 | Dufftown | Japan |
| 3 | October 15th, 2018 | Kircudbright | Antarctica |
| 4 | March 1st, 2019 | South Burlington | Virgin Islands |