search

zsqk / news

每日新闻.
https://zsqk.github.io/news/
MIT License
10 stars 1 forks source link

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

Open iugo opened 2 years ago

iugo commented 2 years ago

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 上, 几个不常见的点还是值得思考的.