首页 > 解决方案 > 使用 paginationMode="server" 时如何在 Material-UI Data-Grid/XGrid 组件中设置默认过滤器

问题描述

当我使用:

filterModel={{
              items: [
                  { columnField: 'name', operatorValue: 'contains', value: 'xxx' },
              ]
          }}

当使用服务器端分页时:

<XGrid
  paginationMode="server"
  onFilterModelChange={onFilterChange}
  ...
/>

    const onFilterChange = useCallback(params => {
        setFilterModel(params.filterModel)
    }, [])

页面陷入无限循环。

使用服务器端分页模式时,有没有办法设置默认过滤器?

标签: material-ui

解决方案


推荐阅读