Fuelux, how to fix the width of a repeater column


Tags: html,css,fuelux

Problem :

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!



Solution :

Have you tried using the list_columnSizing: false option?

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


    CSS Howto..

    How to do jasmine test case for display none css property using documet.getElementById and getElementsByClassName

    how to switch to another view using css class on click in angularjs using ngclass

    how to change the selecting background color

    How can I float right two span tags on different lines?

    Handle text as elements, how to hide with CSS?

    How would YOU do this: Tables or CSS? [closed]

    How to assign a unique CSS id to each cell in a jqGrid?

    How design an unordered list of images horizontally with Bootstrap?

    How to embed SVG styling with javascript?

    How to set animation in css?

    How to make bootstrap css input add-on button and error span look good

    How do you set JavaFX TabPane CSS in code?

    How can I resize to fit html elements horizontally using CSS?

    How to have the nav and footer more than 1000px?

    How to hide navbar when when overlay appears

    How to change the color of a textfield dynamically in sencha?

    How to get the profile pic aligned center?

    How to create a dynamic-width arrow in CSS?

    jQuery - How to get elements height value and use it in another element via css code?

    How to align pictures on a menu bar?

    How to align to the center a div with position absolute within a div with position relative?

    How to properly link CSS files with PHP footer and header

    How to fix Conflicting responsive menu Css and Colorbox css?

    how can i add a separator gif between two content areas something like this?

    responsive html shows a tablet css design instead of the mobile when on my iphone 4s?

    CSS (Fixed width right, fluid left, left is first in html) How do I keep left div from collapsing?

    Show/Hide Markers that are pulled from function

    jQuery select- How to change the css style select?

    How to make the height of a div within a master page expand in a content page?

    How can I swap out text in a text-box by using only CSS mouse related events?