Array Filter

The Pro Array Filter adds two valueless operators for array-valued cells. Add AdvanceFilterPlugin and use the array family:

Source code

grid.plugins = [AdvanceFilterPlugin];
grid.columns = [
  { prop: 'item', name: 'Item' },
  { prop: 'tags', name: 'Tags', filter: [FILTER_ARRAY] },
];
grid.filter = true;

return [
  { item: 'Backlog', tags: [] },
  { item: 'Launch', tags: ['priority', 'release'] },
  { item: 'Legacy import', tags: 'unavailable' },
];

Quick start

1
import { AdvanceFilterPlugin, FILTER_ARRAY } from '@revolist/revogrid-pro';
2
import '@revolist/revogrid-pro/dist/revogrid-pro.css';
3

4
grid.plugins = [AdvanceFilterPlugin];
5
grid.columns = [
6
  {
7
    prop: 'tags',
8
    name: 'Tags',
9
    filter: [FILTER_ARRAY],
10
  },
11
];

Operators

Default label	Saved operator ID	Matches
Is empty array	`isEmptyArray`	Arrays with `length === 0`
Is not empty array	`isNotEmptyArray`	Arrays with `length > 0`

Non-arrays match neither operator. Sparse arrays use their actual length, so new Array(3) is non-empty. The operators need no filter value and remain visibly active when restored from multiFilterItems.

1
grid.filter = {
2
  multiFilterItems: {
3
    tags: [
4
      {
5
        id: 0,
6
        type: 'isEmptyArray',
7
        relation: 'and',
8
      },
9
    ],
10
  },
11
};

Expressions support empty array, not empty array, is empty array, and is not empty array. See Blank Values for the separate configurable blank policy. With emptyArray: true, [] explicitly matches both the Core blank operator and isEmptyArray.