To embed a table into an article, there's a button in the toolbar of the Base article creation page, that will insert a tables up to about 10 rows by 10 columns. It's on the far right - see it circled below:
This will insert a table.
Table styling. The table will have no styling, so you need to go into the "code view" of the page and adjust the table colors and other properties.
To give your table some basic styling, take these steps:
1. Go into the code view using the button on the far right of the toolbar:
2. Paste this code into the bottom of the article, in code view:
table.table-bordered {
background-color: #EEEEEE;
width: 100%;
text-align: left;
border-collapse: collapse;
}
table.table-bordered td, table.table-bordered th {
border: 4px solid #FFFFFF;
padding: 4px 4px;
}
table.table-bordered thead {
background: #CCCCCC;
}
table.table-bordered thead th {
font-weight: bold;
color: #000000;
text-align: center;
}
</style>
3. Exit out of code view (note that changes are not saved in code view - you must exit that to save!)
4. Click "Save" and preview the table.
Below is what the table will look like. It will apply a light grey background, 4px spacing between cells. If you define a header row, the header will have a darker grey background and bold text.