需要使用IColumn isFiltered属性在Office UI Fabric React中使用DetailsList的示例

import { DetailsList, IColumn } from 'office-ui-fabric-react';

const columns: IColumn[] = [
  {
    key: 'column1',
    name: 'Column 1',
    fieldName: 'column1',
    minWidth: 100,
    maxWidth: 200,
    isFiltered: true, // 设置isFiltered属性为true，启用过滤功能
  },
  {
    key: 'column2',
    name: 'Column 2',
    fieldName: 'column2',
    minWidth: 100,
    maxWidth: 200,
    isFiltered: false, // 设置isFiltered属性为false，禁用过滤功能
  },
];

const items = [
  { key: 'item1', column1: 'Value 1', column2: 'Value 2' },
  { key: 'item2', column1: 'Value 3', column2: 'Value 4' },
  // 其他数据项...
];

function MyComponent() {
  return (
    <DetailsList
      items={items}
      columns={columns}
    />
  );
}