Number Filter

Use the Core number filter for prices, quantities, percentages, scores, and other numeric fields. It needs no Pro plugin.

Source code

grid.columns = [{ prop: 'price', name: 'Price', filter: 'number' }];
grid.filter = true;

return [{ price: 60 }, { price: 100 }, { price: 150 }, { price: 225 }];

Quick start

1
const grid = document.querySelector('revo-grid')!;
2

3
grid.columns = [
4
  { prop: 'price', name: 'Price', filter: 'number' },
5
  { prop: 'quantity', name: 'Quantity', filter: 'number' },
6
];
7
grid.filter = true;
8
grid.source = [
9
  { price: 120, quantity: 2 },
10
  { price: 80, quantity: 10 },
11
];

Operators

Saved ID	Popup label	Meaning
`eqN`	`=`	Equal
`neqN`	`!=`	Not equal
`gt`	`>`	Greater than
`gte`	`>=`	Greater than or equal
`lt`	`<`	Less than
`lte`	`<=`	Less than or equal
`empty`	Is blank	Uses the blank policy
`notEmpty`	Is not blank	Inverse of the blank policy

Numeric comparisons require the parsed cell value to be a number. Use cellParser when source values arrive as formatted strings.

Start with a numeric range

Use two conditions joined by and:

1
grid.filter = {
2
  multiFilterItems: {
3
    price: [
4
      { id: 1, type: 'gte', value: 100, relation: 'and' },
5
      { id: 2, type: 'lte', value: 500, relation: 'and' },
6
    ],
7
  },
8
};

Parse formatted source values

1
grid.columns = [
2
  {
3
    prop: 'price',
4
    name: 'Price',
5
    filter: 'number',
6
    cellParser: (model, column) =>
7
      Number(String(model[column.prop] ?? '').replace(/[$,]/g, '')),
8
  },
9
];

Filtering and bounds-based Pro controls use the parsed number. Blank checks still use the original source value and own-property presence.

Choose Core conditions or a Pro control

Use Core operators when users know the exact threshold they want. Choose a visual control when the data shape should guide them:

Slider Filter for a simple inclusive interval
Histogram Brush for a range over a visible distribution
Rating or Progress Threshold for stars, percentages, or scores
Statistical Presets for relative population rules

Common mistakes

Use eqN for numeric equality and eq for text equality.
Convert numeric strings with cellParser; gt, gte, lt, and lte do not treat arbitrary strings as numbers.
Keep 0 distinct from blank unless your application explicitly changes the blank policy.
Use two conditions for a range; there is no Core between operator in the popup.