Set width of each columns for a specific table?

#1

Hy everyone

So, I would like to have fixed width for the columns of one specific table that will be repeated on different tiddler with different values inside. I want to affect only this specific table model.
To make it clear, each column should be 7% in width, except for the second that is 30% in width.

With html and css I know how to do it, via classes :

.seven {
  width: 7%
}
.thirty {
  width: 30%
}

This way, only the tables that have their <td> marked obtain this formatting.
But here is the catch : I only know how to get it to work with a table made in html.

Is it possible to obtain the same result with a table made with TiddlyWiki’s own table code ?
The documentation do explain how to style the table itself, but noting similar to what I am doing here.

#2

I think you will need to use the nth-child pseudo attribute:

<style>
table.myclass tr td:nth-child(2) {
width: 7%;
}
</style>
2 Likes
#3

Thank you. I already knew about nth-child, but I hadn’t seen it used this way.
Yes, it works perfectly.