reactjs 如何用React过滤Antd Table中的标签？

qgzx9mmu 于 11个月前发布在 React

关注(0)|答案(1)|浏览(191)

{
title: 'Tags',
key: 'tags',
dataIndex: 'tags',
render: (_, { tags }) => (
  <>
    {tags.map((tag) => {
      let color = tag.length > 5 ? 'geekblue' : 'green';
      if (tag === 'loser') {
        color = 'volcano';
      }
      return (
        <Tag color={color} key={tag}>
          {tag.toUpperCase()}
        </Tag>
      );
    })}
  </>
),

字符串
}，

const App = () => <Table columns={columns} dataSource={data} />;
export default App;

型
我想为标签添加一个过滤器，并只显示已过滤标签的行。感谢任何帮助。谢谢！x1c 0d1x

reactjs

来源：https://stackoverflow.com/questions/77719414/how-to-filter-tags-in-antd-table-with-react

1条答案

按热度按时间

e0bqpujr1#

我想你可以试试这个

{
    title: 'Tag',
    key: 'tags',
    dataIndex: 'tags',
    filters: [
          {
            text: 'NICE',
            value: 'nice',
          },
          {
            text: 'DEVELOPER',
            value: 'developer',
          },
          {
            text: 'LOSER',
            value: 'loser',
          },
          {
            text: 'COOL',
            value: 'cool',
          },
          {
            text: 'TEACHER',
            value: 'teacher',
          },
        ],
    onFilter: (value: string | boolean | React.Key, record: DataType) => {
          if (typeof value === 'string') {
            return record.tags.some((tag) => tag === value);
          }
          return false;
        },
    filterSearch: true,
}

字符串

赞(0）回复(0）举报 11个月前

我来回答

reactjs 如何用React过滤Antd Table中的标签？

1条答案

相关问题

热门标签

最新问答