How to Change The Step Value on NumberFilter in ReactDataGrid

Viewed 8

I am trying to use the NumberFilter for a continuous numeric field with values between 0-1, and I would like to have 0.1 increments on the filter on ReactDataGrid component. However, the default seems to be increments by 1, despite manually entering a decimal number filtering correctly. How do I change this default behavior to increment/decrement by 0.1 (or some arbitrary number) instead of using 1? Code snippet is below.

export default function ComputedRanks (props){

const gridStyle = { minHeight: 500 }

const filterValue = [{ name: 'player_rating', operator: 'gte', type: 'number', value: 0 }];
const columns = [{
        name: 'player_rating',
        header: 'Rating',
        defaultWidth: 150,
        defaultVisible: true, type: 'number', filterEditor: NumberFilter,
    },];
return (
        <ReactDataGrid
            idProperty="id"
            columns={columns}
            dataSource={props.rankRows}
            defaultSortInfo={{ name: 'player_rating', dir: -1 }}
            style={gridStyle}
            pagination
            defaultLimit={10}
            defaultFilterValue={filterValue}
        />
)
}
0 Answers
Related