how do I apply a class to the header cell for a column in slickgrid


Tags: css,slickgrid

Problem :

I have a column in slickgrid where all the cells need to have some padding applied to the right side of the cell. I use the cssClass property when initializing the columns for the grid, but this applies only to the non-header cells of the column. How do I specify a css class to use for the header as well so I can apply the right padding to it as well? Without that padding, the header cell becomes slightly out of line with the rest of the cells below it.



Solution :

If these styles apply to all cells, you can style them using the built-in .slick-cell and .slick-headerrow-column CSS classes. One thing to watch out for, however, is that your styles may not override SlickGrid's defaults if they have lower rule specificity. If that's an issue in your app, either increase specificity of your rules or use !important - .slick-cell { padding-right:10px !important; }.


    CSS Howto..

    How to repeat multiple images over one element using CSS

    how to change an existing website to bootstrap [closed]

    Jquery CSS How To Use Margin: 0 auto

    Why does overflow hidden affect height and how can I fix it in this example?

    How to display two columns of blocks with CSS

    With HTML and CSS, how to have an image that is vertically aligned with a horizontal line?

    How to make hover gradient on a div element like on Wella.com?

    How to use a different CSS stylesheet if a user has JavaScript disabled in their browser?

    How to add custom tag to a header to make the font size larger in WordPress? [closed]

    How to call css styles in specific page in HTML?

    How do you use CSS to make a group of images that flow over the edges of the browser window?

    Primefaces p:growl css. How to extend div message background color width

    How to change angularJS's default css styles? Search box etc

    How do I control the wrapping of these
  • items?
  • Rotation of a div gives a black background on IE, how can I remove it?

    How to add new property within existing css?

    How to pass JavaFX variable into CSS style?

    How do I use CSS to position a fixed variable height header and a scrollable content box?

    How to set same height each list items?

    CSS rule doesn't show up in developer tools

    Bootstrap: How to get part of my banner image to hide under my sidebar?

    How do I make a DIV tag stretch to the size of it's children?

    How to make a rollover div clickable?

    How to set background image for body tag using css?

    How to have separate images for radio buttons - HTML & CSS

    How to create the + button with CSS?

    How to make a Sass mixin declare a non-nested selector on base level?

    Wordpress how to tell my css version

    How to Style this table-like structure

    How to change the order of columns in CSS template to put important content first?