AG-Grid how to set filterParams

[cryptedx]

Hi,

I am trying to set filterParams. Here is the JS code:

const columnDefs = [
  {
    field: 'athlete',
    filter: 'agTextColumnFilter',
    filterParams: {
      buttons: ['reset', 'apply'],
    },

How can I adapt the code for NiceGUI?

This is one of my tries:

 "columnDefs": [
            {
                "headerName": "My Header Name",
                "field": "my_header_name",
                "filter": "agTextColumnFilter",
                "filterParams": "{buttons: ['reset', 'apply']}",
            },

Thanks!

[falkoschindler]

As long as your filter params are JSON-serializable, you can simply set them as a dictionary:

ui.table({
    'columnDefs': [
        {
            'field': 'name',
            'filter': 'agTextColumnFilter',
            'filterParams': {'buttons': ['reset', 'apply']},
        },
    ],
    'rowData': [
        {'name': 'Alice'},
        {'name': 'Bob'},
        {'name': 'Carol'},
    ],
})

On the other hand, setting functions like a comparator does not work with the current version of NiceGUI.