表格

更新时间：2019-05-05 16:03:09

概述

表格是基本组件类型的一种，用于展示表格类型的数据。表格可以设置静态数据，也可以用接口获取数据。

表格组件支持以下样式配置，如图所示

tips：
系列名称配置：配置系列名称前，需先进行数据源配置。然后组件会解析绑定的数据的列数，展示对应的配置面板。

配置数据源方法说明
表格组件可以绑定静态数据源和接口数据源进行使用，选择静态数据源或接口数据源时，支持的数据格式也有所不同。

选择静态数据源时，填写的数据应该符合以下的格式：

[
  ["a", "b", "c"],
  ["d", "e", "f"]
]

数据中的每一行对应表格中的每一行，一行内每个引号中的值对应一列。注意每行的数据个数应该相同，否则表格将无法正确展示，如果某个单元格确实没有数据，也必须保留引号。

以上的数据将渲染出类似下面的表格

tips：
如果数据过多，超出了表格的高度，没有开启分页时，可以用鼠标滚动查看所有数据。表格滚动时，表头将固定在表格组件顶部。
开启分页后，每页会展示设定的行数（设定范围：1-50行），可以用鼠标切换页面查看。

选择接口数据源时，如果接口返回的数据格式和以上“静态数据源”中的格式相同，则是否分页时展示的规则也相同。
选择接口数据源时，还支持动态返回每页的内容。

打开“是否显示分页”选项后，组件调用接口时将自动传递 pageSize 和 pageIndex 参数（其中 pageSize 为设置的行数，pageIndex 为当前选中的页码，从 1 开始），如果接口支持返回分页数据，则应该返回类似以下的格式：

{
  total: 100,
  list: [
      ["a", "b", "c"],
      ["d", "e", "f"]
    ]
}

total 表示的是所有数据的总条数，表格组件将根据这个数字和每页的条数显示分页
list 表示的是当前页的数据，格式和上方“静态数据源”中一致。

tips：
强烈建议 list 中的数据个数和参数中的 pageSize 保持一致，否则会导致表格的分页控件无法正常展示。