Left side header row cell width adjust(make it smaller )

Left side header row cell width adjust(make it smaller )

Posted by: pmithilesh on 11 March 2023, 1:38 am EST

• 

  pmithilesh

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 11 March 2023, 1:38 am EST - Updated 11 March 2023, 3:37 am EST

  [quote=pmithilesh]
  
  Hi ,
  
  1)I am trying to adjust width of left side headers(RowHeader) on rows as shown in image
  
  and 2)can i adjust the filter icon on header at right bottom
  
  Please let me know
  
  https://www.grapecity.com/wijmo/demos/Grid/FilteringSearching/FlexGridSearch/angular
  
  Thanks
  
  835×319 37.6 KB

  [/quote]Hi ,
  
  1)I am trying to adjust width of left side headers on rows as shown in image
  
  and 2)can i adjust the filter icon on header at right bottom
  
  Please let me know
  
  https://www.grapecity.com/wijmo/demos/Grid/FilteringSearching/FlexGridSearch/angular

  Thanks

  

  835×319 37.6 KB

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 12 March 2023, 11:25 pm EST

  Hello,

  1. You can set the width property of the Column in the rowHeader panel to set the rowHeader width as per your requirement. Please refer to the code snippet below demonstrating the same:

   //set column width of rowHeader panel
   flex.rowHeaders.columns[0].width = 150;

  2. To show the filter icon at the bottom right corner of the header cell, you may use the below CSS:

  .wj-elem-filter {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  
  .wj-cell.wj-header.wj-align-right {
    padding-right: 23px;
  }

  Sample link: https://stackblitz.com/edit/angular-qmdabj?file=src%2Fapp%2Fapp.component.ts,src%2Fstyles.css

  Please use this wijmo forum to post any queries related to wijmo: https://www.grapecity.com/forums/wijmo

  Regards

• 

  pmithilesh

  • Post Options:
  • Link
    Copy

  Posted 14 March 2023, 4:51 am EST

  Thanks Sonu,
  
  given Solution fixed the use case for me