Tencent / Tencent/tdesign-react

[Table] Table Filter 添加筛选,同时适配 small size

Open
#2,807 1 comment 0 reactions 1 assignee View on GitHub

@chaishi is already working on this.

Since Mar 20, 2024.

🎨 design 💪🏻 enhancement
Dominant language
TypeScript
Stars
965
Forks
373
Avg merge
3d 6h
Merged PRs (30d)
17

Description

tdesign-react 版本

1.5.3

重现链接

No response

重现步骤
  1. Table Filter 提供的 single/multiple type 在选项类型很多时,list option 量会激增,导致无法快速选中,交互差
  2. showConfirmAndReset 没有适配 small size,使用 small size 的 table 需要重新调整样式
期望结果

image

  1. 提供带筛选的 filter 类型
  2. 考虑长列表的性能,virtual scroll
  3. 适配 small size 的 showConfirmAndReset panel

参考:https://ant-design.antgroup.com/components/table-cn#components-table-demo-filter-search
image

实际结果

image

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.