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:

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands

with .table-bordered class added:

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands

with .table-striped class added:

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands

with .table-title class added:

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands

You can easily mix the table styles but adding two classes e.g.: .table-bordered .table-striped

#DateCityCountry
1October 29th, 2017RamilliesFrance
2September 20th, 2018DufftownJapan
3October 15th, 2018KircudbrightAntarctica
4March 1st, 2019South BurlingtonVirgin Islands