8lab_datafilterinline 中文文档教程

Question

DataFilterInline

基于 ant design 封装的基础筛选组件，自带接口防抖，搜索和重置功能

使用方法

const searchColumns = () => [
  {
    name: '导出状态',
    key: 'vlanid_outer',
    type: 'select',
    width: 120,
    searchValues: [
      { label: '1', value: '1' },
      { label: '2', value: '2' },
      { label: '3', value: '3' },
    ],
  },
  {
    name: '导出时间',
    key: 'export_operator',
    type: 'dataPicker',
    width: 120,
  },
  {
    name: '导出文档名称',
    key: 'file_name',
    type: 'input',
    width: 120,
  },
];

<TableSearcher filterColumns={filterColumns} onFilterChange={onFilterChange} />;