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 add hover effect to menu using jQuery

    How to determine why floated elements are affecting the heights of non-floated elements (D7 views blocks with zen theme)?

    How to align the wizard to the left and right sides?

    How do i make the header/footer extend width-wise to fit the screen, and the main content extend height-wise to fit the screen?

    How to horizontally center a Views field in a grid using CSS field style

    CSS - How to have 100% height element inside of parent

    How to implement .SCSS on my own website? [closed]

    Panel in Horizontal List item showing behind Button

    How to keep nav bar from shifting elements to next line when zooming in?

    How to use a Video as text background in css

    Font-family not showing correctly on my website

    How to make a horizontal list start in the center of the page?

    How to spread three columns in CSS across a page equally

    How to disable [marquee] tag with CSS? Is this possible?

    How do I use this CSS animation in my HTML file?

    How to open a jquery tab from a link that is outside the tab?

    How to return dynamic CSS with ASP.NET MVC?

    How to use SASS logic within a CSS 3 media query [duplicate]

    How can menu items be displayed from bottom up using CSS

    how to create a image slider with help of only HTML and CSS?

    How to set min-font-size in CSS

    How to get the type of the DOM element to fix the CSS Selector

    How to prevent anchor tag from following the link on click, but make it show the submenu?

    How do I center and auto-resize this css loader?

    PrimeFaces 3.0 - How do I override the default opacity of a dialog overlay?

    Show text at bottom with css

    How to create new line with css or javascript?

    How to integrate CSS