Support for Merging Cells in Tables

[mantonie]

Any chance merging cells would be supported in MkDocs Material?

I know Markdown does not support more complex usage of tables... is there any way to workaround it other than writing HTML code (or plans to provide this kind of support)?

Thanks, appreciate all the answers in advance!

[squidfunk]

Thanks for suggesting. As you noted, it's not supported by Python Markdown, so if you don't want to use HTML, another third-party Markdown extension would need to be created (or support added to Python Markdown). It's beyond the scope of this project, but it's definitely an excellent use case for a third-party extension! We could also advertise such an extension on our docs.

[mantonie]

Makes sense. Thanks for very quick answer!

[gledos]

The Python Markdown used by MkDocs has no way of doing this.

But there is a more convenient tool than directly editing HTML tables, which is to use HTML Tables generator.

[gchongo]

Using this tool HTML Tables generator indeed makes it convenient to create complex tables, merge cells using HTML, etc.
However, there's an issue. I tried using CSS to define the inner and outer borders of the table and to center the text in the cells, but it didn't work. Do you have any suggestions? Here is the relevant code.
This table is the effect I want to achieve, with inner and outer borders and centered text.

However, the code is as follows, writing the style in the table is too complicated.
`

Results						s	ssas
No	Competition	John	Adam	Robert	Paul	No	Competition	No	Competition	John	Adam	Robert	Paul
1	Swimming	1:30	2:05	1:15	1:41	1	Swimming	1	Swimming	1:30	2:05	1:15	1:41
2	Running	15:30	14:10	15:45	16:00	2	Running	2	Running	15:30	14:10	15:45	16:00
3	Shooting	70%	55%	90%	88%	3	Shooting	3	Shooting	70%	55%	90%	88%

`

Below is the method using custom CSS. This is the code in YAML.
`table {
border-collapse: collapse;
width: 100%;
}

th, td {
border: 1px solid #000; /* black */
padding: 8px;
text-align: center;
}`

and
`extra_css:

• css/custom.css`

However, the final effect is as follows, and it seems the CSS did not take effect.

[gchongo]