Control of column widths on tables

[lozdown]

I would like to control the table component column widths. How best can this be done?

[lovasoa]

Hello !

You can use css for that:

select 'shell' as component, 'custom_table_width.css' as css;

select 'table' as component, 'my_table' as id;
select * from my_table;

and in custom_table_width.css:

#my_table th:nth-child(1),
#my_table td:nth-child(1) {
    width: 90%; /* adjust percentage as needed */
}

#my_table th:nth-child(2),
#my_table td:nth-child(2) {
    width: 10%;
}

[lovasoa]

If your table has simple single-word column names like "Product" and "Price", you can simplify this to:

#my_table .Product {
    width: 90%; /* adjust percentage as needed */
}

#my_table .Price {
    width: 10%;
}