Remove extra column from the left of the grid table

Remove extra column from the left of the grid table

Posted by: renzenflorendo on 5 November 2019, 10:03 pm EST

• 

  renzenflorendo

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 5 November 2019, 10:03 pm EST

  I want to remove the highlighted from the image.
  
  HTML: ```
  
  <wj-flex-grid #flexGrid (initialized)=“initializeFlexGrid(flexGrid)” [itemsSource]=“itemsSource$ | async” >
  
  

  My typescript from Angular:
  

  s.columns.forEach(column => {
  
  column.width = ‘*’;
  
  column.minWidth = 80;
  
  if (grandTotals[column.binding]) {
  
  s.columnFooters.setCellData(0, column.index, grandTotals[column.binding]);
  
  }
  
  });

  
  [img]https://gccontent.blob.core.windows.net/forum-uploads/file-1f35ac84-ae8a-4cb0-83ef-5b1388161413.PNG[/img]

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 6 November 2019, 12:43 am EST

  Hi Renzen,

  This extra column is called row headers of the FlexGrid. You can hide the row headers by setting the headersVisibility property to ‘Column’:

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

  Regards,
  
  Ashwin

• 

  renzenflorendo

  • Post Options:
  • Link
    Copy

  Posted 6 November 2019, 3:57 am EST

  Thank you Ashwin it is working now.