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 |