Can I increase the zone of col-resize when mouse hover

Can I increase the zone of col-resize when mouse hover

Posted by: trungtayninh on 8 May 2018, 5:55 pm EST

• 

  trungtayninh

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 8 May 2018, 5:55 pm EST

  Hi dev,

  Can you show me how to increase the zone of column resize when I hover my mouse on column border?

  Currently it’s too small, so it very hard to focus and resize the column.

  You can see my video
  
  https://youtu.be/dEjVIz2soDM

  Video_2018-05-09_135209.zip

  Thanks,

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 9 May 2018, 11:15 pm EST

  Hi,
  
  The zone may be increase to Column Resize by setting following property on before FlexGrid load. The default value for this is 5px.

  
  var boundaryRangeDistance=15;
  /*on pure JS*/
  wijmo.grid.HitTestInfo._SZEDGE[0]=boundaryRangeDistance;
  /*for modular pattern(angular/react/es6....) */
  import * as wjcGrid from 'wijmo/wijmo.grid';
  wjcGrid.HitTestInfo._SZEDGE[0]=boundaryRangeDistance;
  

  If you have filter in application, you also need to set some margin to Filter class.Please refer to the following code snippet:

  .wj-header .wj-elem-filter{
  	margin-right: 15px;
  }
  

  ~Manish