Remove the row selector of FlexGrid

Remove the row selector of FlexGrid

Posted by: sumit-man-cw on 14 September 2017, 11:54 am EST

• 

  sumit-man-cw

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 14 September 2017, 11:54 am EST

  Is there any way i can hide the row selector column (clicking on which i can select a row) i.e. the first column of a FlexGrid.
  
  For themes like “Clean Light” that column appears to be blank and still taking up space. Hence i would like to hide that column.

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 11:54 am EST

  Hi Sumit,
  
  For your information, first column in FlexGrid is referred as a row header. You can hide a row header by setting headersVisibility property to Column.
  
  For reference, please see the attached sample that implements the same.

  Thanks,
  
  Manish Kumar Gupta
  
  2017/02/FlexGrid_rowHeader_hide.zip

• 

  sumit-man-cw

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 11:54 am EST

  Thanks alot for the solution Manish.

• 

  mark.goldin

  • Post Options:
  • Link
    Copy

  Posted 30 November 2019, 5:11 pm EST

  How do you do it in Angular version?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 December 2019, 12:18 am EST

  Hi Mark,

  You can set the headersVisibility property in the FlexGrid markup as follows:

  <wj-flex-grid [headersVisibility]="'Column'" [itemsSource]="source">
  </wj-flex-grid>
  

  https://stackblitz.com/edit/angular-7rnxih

  Regards,
  
  Ashwin