Deleting the default header

Deleting the default header

Posted by: nivishapanwar on 29 December 2020, 9:29 am EST

• 

  nivishapanwar

  • Post Options:
  • Link
    Copy

  Posted 29 December 2020, 9:29 am EST

  Hello,

  I want to remove the default header from my wijmo grid and display only the grid data .
  
  How can I remove those default headers?
  
  I have attached the screenshot of my screen.
  
  Thank you.

  Regards,
  
  Nivisha

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 29 December 2020, 11:44 pm EST

  Hi Nivisha,

  You can use the headersVisibility property of the FlexGrid to show/hide the default headers:

  https://www.grapecity.com/wijmo/api/classes/wijmo_grid.flexgrid.html#headersvisibility

  Regards,
  
  Ashwin

• 

  nivishapanwar

  • Post Options:
  • Link
    Copy

  Posted 30 December 2020, 2:59 am EST

  Hi Ashwin,
  
  If I use header visibility then , the whole radio box column is also getting disappeared.
  
  <wj-flex-grid class=“bento-flex-grid” [itemsSource]=“data” [autoClipboard]=“false” [showSort]=“true”
  
  [stickyHeaders]=“true” [headersVisibility]=“false”>
  
  <ng-template wjFlexGridCellTemplate [cellType]=“‘RowHeader’” let-cell=“cell”>
  
  
  
  
  
  <wj-flex-grid-column [binding]=“‘WorkflowTemplateName’” [width]=“1250” [header]= " ’ ’ ">

  I have attached both screenshots.

  Thank you.

  Regards,
  
  Nivisha

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 31 December 2020, 7:20 am EST

  Hi Nivisha,

  From the code snippet, we could observe that you are using row header area to display checkboxes. So to hide the columnheader while displaying the row headers you need to set the headersVisibility property to “Row”. Please refer to the following code snippet:

  <wj-flex-grid class="bento-flex-grid" [itemsSource]="data" [autoClipboard]="false" [showSort]="true"
  [stickyHeaders]="true" [headersVisibility]="'Row'">
  

  Regards