Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

备稿计划: flat data viewer 与常见 React 库不同的 UX 思考 #115

Open
iugo opened this issue May 13, 2022 · 0 comments
Open

备稿计划: flat data viewer 与常见 React 库不同的 UX 思考 #115

iugo opened this issue May 13, 2022 · 0 comments

Comments

@iugo
Copy link
Member

iugo commented May 13, 2022 •
edited
Loading

https://flatgithub.com/openelections/openelections-data-fl?filename=2020%2F20201103__fl__general__county.csv&filters=candidate%3Dna&sha=d7cb86eef06282d6227485be0f6b06d2c76591fa&sort=candidate%2Casc&stickyColumnName=county

在数据量少的情况下, 前端获取了所有的表格内数据.

在表格的功能体验上, flat data viewer 有许多值得借鉴的地方:

  1. 表头后常驻功能栏.
  2. 支持排序. (常见的)
  3. 支持筛选. (常见的)
  4. 字符值支持模糊过滤.
  5. 数字值支持区间过滤.
  6. 支持首列切换. (不支持列排序)
  7. 数字值分布图显示.
  8. 字符值 默认左对齐. (常见的)
  9. 数字值 默认右对齐. (常见的)

我在之前的表格中还曾做过:

  1. 列选择.
  2. 列排序.

虽然有一些 bug, 会出现 TypeError: Cannot read properties of undefined (reading 'props') 这种考虑不周的问题未 catch 导致的白屏, 但问题原因可能也是因为数据不全.

在 UX 上, 几个不常见的点还是值得思考的.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@iugo