Fuelux, how to fix the width of a repeater column

Question

Is it possible to fix the width of a specific Fuel UX repeater column?

I'm trying to do this using the css-nth selector like this:

.table thead tr th:nth-of-type(8),
.table tbody tr td:nth-of-type(8) {
    background: red;
    width:10px;
    max-width:10px;
}

The code above is correct in part, as the background of the 8th column is red, but just on the <TD> and not on the <TH>, and anyway the width doesn't change.

Any idea on how I can set a fixed width column? thank you very much for your help.

EDIT

I solved this in another way, just adding a container div with a min-width, so that the column where the div is stretches to fit the div width and actually it stretches all the column.

Is not the right way, but at least it works as i think that the column size is setted using JS and thats why it did work with just css properties.

thanks anyway!

is not that easy, as the table as been generated using javascript and the data is loaded from another ajax request... — Nick, Oct 17 '14 at 09:51

score 2 · Accepted Answer · answered Oct 19 '14 at 01:46

2

Have you tried using the list_columnSizing: false option?

For more info visit: http://getfuelux.com/extensions.html#bundled-extensions-list

answered Oct 19 '14 at 01:46

Interactive Llama

780
4
10

score 0 · Answer 2 · answered Oct 17 '14 at 09:58

0

try with this

JS Fiddle

.table tr th:nth-child(8),
.table tr td:nth-child(8) {
    background: red;
    width:10px;
    max-width:10px;
}

answered Oct 17 '14 at 09:58

Vitorino fernandes

15,794
3
20
39

Fuelux, how to fix the width of a repeater column

2 Answers2