Print Page - Datagrid GridColumn cellCss style always rendering on mouse over

i make custom style on datagridcolumn like this

Code:

 
 <GridColumn key={'fk'} field={something}  width={36} filterable={false}
             hcellCss={this.styleHeader(value)}
             cellCss={this.styleCell.bind(this)} align="center" 
   ></GridColumn>

and i put console

Code:

styleCell(row,value) {
  console.log('here......')
}

this styleCell always rendering whenever mouse moving in datagrid,
I think this affect performance so much,
can I shut down the rendering when mouse moving?
user scrolling when mouse is moving some time, lag when scrol

Don't worry about that. React will re-render the DataGrid when enter or leave a cell. Although the virtual DOM is rendered, the real DOM doesn't. The responding speed is quick.

EasyUI Forum

General Category => EasyUI for React => Topic started by: kifni41 on August 20, 2020, 11:30:54 PM