{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/javascript-data-grid/filter-set/",
    "result": {"data":{"markdownRemark":{"htmlAst":{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"div","properties":{},"children":[{"type":"text","value":"The Set Filter takes inspiration from Excel's AutoFilter and allows filtering on sets of data.\n"},{"type":"element","tagName":"image-caption","properties":{"src":"filter-set/resources/set-filter.png","alt":"Set Filter","width":"28rem","centered":"true"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"set-filter-sections","style":"position:relative;"},"children":[{"type":"text","value":"Set Filter Sections"},{"type":"element","tagName":"a","properties":{"href":"#set-filter-sections","ariaLabel":"set filter sections permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Set Filter is comprised of the following sections:"}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.3/filter-set-mini-filter/"},"children":[{"type":"text","value":"Mini Filter"}]}]},{"type":"text","value":": used to narrow the values available for selection inside the Filter List."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Select All"}]},{"type":"text","value":": used to select / deselect all values shown in the Filter List."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.3/filter-set-filter-list/"},"children":[{"type":"text","value":"Filter List"}]}]},{"type":"text","value":": a list of Set Filter Values which can be selected / deselected to set the filter."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.3/filter-applying/#apply-clear-reset-and-cancel-buttons"},"children":[{"type":"text","value":"Filter Buttons"}]}]},{"type":"text","value":": Action buttons that can be optionally added to the bottom of the Set Filter."}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"h2","properties":{"id":"enabling-set-filters","style":"position:relative;"},"children":[{"type":"text","value":"Enabling Set Filters"},{"type":"element","tagName":"a","properties":{"href":"#enabling-set-filters","ariaLabel":"enabling set filters permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Set Filter is the default filter used in AG Grid Enterprise, but it can also be explicitly configured as shown below:"}]},{"type":"element","tagName":"snippet","properties":{},"children":[{"type":"text","value":"\nconst gridOptions = {\n    columnDefs: [\n        // Set Filter is used by default in Enterprise version\n        { field: 'athlete', filter: true },\n        // explicitly configure column to use the Set Filter\n        { field: 'country', filter: 'agSetColumnFilter' },\n    ],\n}\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The following example demonstrates how the Set Filter can be enabled. Note the following:"}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Athlete"}]},{"type":"text","value":" column has "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filter=true"}]},{"type":"text","value":" which defaults to the Set Filter as this example is using AG Grid Enterprise."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Country"}]},{"type":"text","value":" column is explicitly configured to use the Set Filter using "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filter='agSetColumnFilter'"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"All other columns are configured to use the "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.3/filter-number/"},"children":[{"type":"text","value":"Number Filter"}]},{"type":"text","value":" using "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filter='agNumberColumnFilter'"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Filters can be accessed from the "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.3/column-menu/"},"children":[{"type":"text","value":"Column Menu"}]},{"type":"text","value":" or by clicking on the filter icon in the "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.3/floating-filters/"},"children":[{"type":"text","value":"Floating Filters"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Enabling Set Filters","name":"enabling-set-filters","type":"generated","options":"{ \"enterprise\": true, \"exampleHeight\": 565, \"modules\": [\"clientside\", \"setfilter\", \"menu\", \"columnpanel\"] }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"set-filter-parameters","style":"position:relative;"},"children":[{"type":"text","value":"Set Filter Parameters"},{"type":"element","tagName":"a","properties":{"href":"#set-filter-parameters","ariaLabel":"set filter parameters permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Set Filters are configured though the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filterParams"}]},{"type":"text","value":" attribute of the column definition ("},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"ISetFilterParams"}]},{"type":"text","value":" interface):"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"interface-documentation","properties":{"interfacename":"ISetFilterParams","overridesrc":"filter-set/resources/set-filter-params.json","config":"{\"description\":\"\", \"sortAlphabetically\":\"true\"}"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"next-up","style":"position:relative;"},"children":[{"type":"text","value":"Next Up"},{"type":"element","tagName":"a","properties":{"href":"#next-up","ariaLabel":"next up permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Continue to the next section to learn about the "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.3/filter-set-filter-list/"},"children":[{"type":"text","value":"Filter List"}]},{"type":"text","value":"."}]}]},"frontmatter":{"title":"Set Filter - Overview","version":null,"enterprise":true,"sideMenu":null,"description":"Set Filter works like Excel, providing checkboxes to select values from a set."},"headings":[{"id":"set-filter-sections","depth":2,"value":"Set Filter Sections"},{"id":"enabling-set-filters","depth":2,"value":"Enabling Set Filters"},{"id":"set-filter-parameters","depth":2,"value":"Set Filter Parameters"},{"id":"next-up","depth":2,"value":"Next Up"}]}},"pageContext":{"frameworks":["javascript","react","angular","vue"],"framework":"javascript","srcPath":"/filter-set","pageName":"filter-set"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}