Fixed Width Table Columns

Application Builder
, ,
1

Is it possible with the new CSS/JS customization to have columns be the same consistent width?

Case in point, I have a page made for a day to day schedule. I have 4 different tables reference the same database page, but filtered by day. Due to differences in data contained in the tables, each instance of the tables have columns that have varied widths.

I would like to make them all conistant, does anyone have any tricks?

thanks,

2

Hey @radiowar ,

In the next release you’ll be able to define classes per elements. Therefore if you define one for your table you should be able to target them and apply any CSS you want. It should be doable to set a specific size to your columns using selectors like:

.your-table-class td:nth-child(1),.your-table-class th:nth-child(1) {
width: 100px;
}

.your-table-class td:nth-child(2),.your-table-class th:nth-child(2) {
width: 200px;
}

.your-table-class td:nth-child(3),.your-table-class th:nth-child(3) {
width: 150px;
}

or something like that, what do you think?