1.0.14 • Published 5 years ago

ux-platform-ocean-table v1.0.14

Weekly downloads
2
License
ISC
Repository
gitlab
Last release
5 years ago

Ocean Table Component

API

参数说明类型默认值
columns表格列的配置, 必传array-
dataSource表格的数据, 必传array-
isComplex是否为复合型表头booleanfalse
isVertical是否为纵向表格booleanfalse

组件需求列表

  • 支持横向/纵向
  • 支持固定列,目前只固定头部。(可扩展为自定义列固定)
  • 支持复合表头,目前只要求两级。(可扩展为更多层级)
  • 根据外部容器自适应大小。 (这里外部容器只需监听window, 且需要做debounce)
  • 文本超出时打点,鼠标移入显示tips。
  • 数据中包含换行符时(/r|/b|/n),表格文本支持换行。 (由于换行与文本超出打点有冲突, 处理方式为: 若某一行中任意单元格有换行符,则此行无视文本超出打点需求,否则采用文本超出打点的方式。)
  • 单元格最小宽度110px,不设置最大宽度。
  • 表格数据支持图片展示。(头像)
  • 表头排序。(暂无要求,可扩展)
  • 钻取功能。(暂无要求,可扩展)
  • 有表头无数据时显示“暂无数据”,不能报错
  • 防御XSS攻击

注意

由于固定表头,上下使用了两个独立的table,为了对齐需要同步两个table的宽度 目前做法是tbody渲染好后,也就是didMount或didUpdate时,取第一行每个单元格的宽度,赋值给thead

1.0.14

5 years ago

1.0.12

5 years ago

1.0.11

5 years ago

1.0.10

5 years ago

1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.2

6 years ago

0.0.14

6 years ago

0.0.13

6 years ago

0.0.12

6 years ago

0.0.11

6 years ago

0.0.10

6 years ago

0.0.9

6 years ago

0.0.8

6 years ago

0.0.7

6 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago

1.0.0

6 years ago