In the past, for the problem of table overflow, I always needed to add an extra node to wrap the table and use overflow-auto to solve this problem, but this is obviously not the best way. I just discovered that using table-layout can solve this problem very well.
Some people may not like important here, but it is recommended to add it in order to prevent this style from being covered by tiddlywiki.
Below are comparison photos
<!-- another same way no important but have scrollbar -->
table {
display: block;
overflowx: auto;
}
In fact, by default, the UI effect of the table in the preview interface and the real interface are not consistent, perhaps due to the influence of the grid layout.
or use
table {
overflow-wrap: anywhere;
}
@CodaCoder recently posted a useful way to avoid !important:
It’s an interesting idea
The traditional text in the table is converged in the cells with this code
It seems that this code is not very friendly to $:/TagManager tiddler
This code theoretically runs without a problem, here is what I put such as plug-in what wrong caused
But it may not be able to handle the katex mathematical formula code embedded in the table.Maybe it’s a katex plugin setup problem?
I tried many styles but none of them worked perfectly so in the end I gave up on it
Okay, that sounds like unlucky news
