As in the title — Bootstrap Studio prevents inserting multiple rows (tr) into a table header (thead).
I’m reporting this as a bug because the HTML specification and W3C allow this practice.
Bootstrap CSS fully supports this, and multi-row table headers render correctly.
Multi-row table headers are fairly common in data summaries; see here:
Please remove this restriction.
I also can’t use multiple tbody elements in a table (BSS blocks this), while the W3C specification says that it is allowed.
The table element
“Content model: In this order: optionally a caption element, followed by zero or more colgroup elements, followed optionally by a thead element, followed by either zero or more tbody elements or one or more tr elements, followed optionally by a tfoot element, optionally intermixed with one or more script-supporting elements”
And thead element:
“Content model: Zero or more tr and script-supporting elements.”
Thank you for the suggestions! We will allow rows to be dropped in table headers in one of our upcoming updates.
Supporting additional tbody elements would be complicated and will take development time away from other features. If others would like to see this implemented, write below so we can prioritize it. Otherwise it might be a while before we get to it.
For now Custom Code is an easy workaround for creating complex tables.
Thanks, Martin,
I remember that in previous versions of BSS this worked well, and I used to be able to use multiple tr elements within tbody / thead, and / or multiple tbody elements in tables.
Correct me if I’m wrong.
Custom code is a kind of workaround for the problem, but then we lose the ease of editing tables 