How to add css for the header cell only?

How to add css for the header cell only?

Posted by: narendra.patil on 3 April 2018, 5:54 am EST

• 

  narendra.patil

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 3 April 2018, 5:54 am EST - Updated 29 September 2022, 2:54 pm EST

  How can I add css class to the column header cells.
  
  

  

  785×350 15.1 KB

• 

  deepak.sharma

  

  • Post Options:
  • Link
    Copy

  Posted 4 April 2018, 5:31 am EST

  Hello,
  
  To get the Column header cell with Spread.Views you can use the class id as “gc-column-header-cell gc-cell-border c1 align-left”.

  For example:

  .gc-column-header-cell gc-cell-border c1 align-left" {
      position: absolute;
      height: 24px;
      padding-top: 0px;
      width: 150px;
      max-width: 150px;
      left: 150px;
      background-color: yellow;
  }
  

  here “c1” is used for second column because the column index is zero based.

  Thanks,
  
  Deepak Sharma