Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Krishna Bhat
460
IgGrid HeaderText Color
posted

Hi,

I want to have certain column header text to be in different color than others. Also, the columns are dynamic, in the sense that the user can change which columns to be visible and which ones not.

How can I specify certain columns to have different header text color?

Thank you

Parents
No Data
Reply
  • 23953
    Offline posted

    Hello Krishna,

    You can achieve that using CSS.

    Each column header has an unique id which is a combination of grid id and the column key. Example #grid1_ProductID, where "grid1" is the id of the grid and the "ProductID" is the key of the column.

    Here is an example on how to set column header color to blue for the MakeFlag column for a grid with id=grid1:

    <style type="text/css">
    #grid1_MakeFlag {
    background: blue;
    border-color: blue;
    }
    </style>

    Hope this helps,

    Martin Pavlov
    Infragistics, Inc. 

Children