element组件-----Data
**
一、Table 表格（用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作）
**
（1）基础表格
（2）带斑马纹表格
（3）带边框表格
（4）带状态表格
（5）固定表头（纵向内容过多时，可选择固定表头）
（6）固定列（横向内容过多时，可选择固定列。）
查看
编辑
（7）固定列和表头（横纵内容过多时，可选择固定列和表头）
（8）流体高度（当数据量动态变化时，可以为 Table 设置一个最大高度。）
移除
（9）多级表头（数据结构比较复杂的时候，可使用多级表头来展现数据的层次关系。）
（10）单选（选择单行数据时使用色块表示。）
选中第二行
取消选择
（11）多选（选择多行数据时使用 Checkbox）
{
{ scope.row.date }}
切换第二、第三行的选中状态
取消选择
（12）排序（对表格进行排序，可快速查找或对比数据。）
（13）筛选（对表格进行筛选，可快速查找到自己想看的数据。）
清除日期过滤器
清除所有过滤器
{
{scope.row.tag}}
（14）自定义列模板（自定义列的显示内容，可组合其他组件使用。）
{
{ scope.row.date }}
姓名: {
{ scope.row.name }}
住址: {
{ scope.row.address }}
{
{ scope.row.name }}
编辑
删除
（15）展开行（当行内容过多并且不想显示横向滚动条时，可以使用 Table 展开行功能。）
{
{ props.row.name }}
{
{ props.row.shop }}
{
{ props.row.id }}
{
{ props.row.shopId }}
{
{ props.row.category }}
{
{ props.row.address }}
{
{ props.row.desc }}
（16）树形数据与懒加载
支持树类型的数据的显示。当 row 中包含 children 字段时，被视为树形数据。渲染树形数据时，必须要指定 row-key。支持子节点数据异步加载。设置 Table 的 lazy 属性为 true 与加载函数 load 。通过指定 row 中的 hasChildren 字段来指定哪些行是包含子节点。children 与 hasChildren 都可以通过 tree-props 配置。
（17）自定义表头（表头支持自定义。）
Edit
Delete
（18）表尾合计行(表格展示的是各类数字，可以在表尾显示各列的合计)
将show-summary设置为true就会在表格尾部展示合计行。默认情况下，对于合计行，第一列不进行数据求合操作，而是显示「合计」二字（可通过sum-text配置），其余列会将本列所有数值进行求合操作，并显示出来。当然，你也可以定义自己的合计逻辑。使用summary-method并传入一个方法，返回一个数组，这个数组中的各项就会显示在合计行的各列中，具体可以参考本例中的第二个表格。
（19）合并行或列（多行或多列共用一个数据时，可以合并行或列）
通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组，第一个元素代表rowspan，第二个元素代表colspan。 也可以返回一个键名为rowspan和colspan的对象。
（20）自定义索引
（21）Table Attributes
（22）Table Events
（23）Table Methods
（24）Table Slot
（25）Table-column Attributes
（26）Table-column Scoped Slot
**
二、Tag 标签（用于标记和选择。）
**
（1）基础用法
标签一
标签二
标签三
标签四
标签五
（2）可移除标签
{
{tag.name}}
（3）动态编辑标签（动态编辑标签可以通过点击标签关闭按钮后触发的 close 事件来实现）
{
{tag}}
+ New Tag
（4）不同尺寸(Tag 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸)
默认标签
中等标签
小型标签
超小标签
（5）不同主题
Dark
{
{ item.label }}
Plain
{
{ item.label }}
（6）Attributes
（7）Events
**
三、Progress 进度条（用于展示操作进度，告知用户当前状态和预期。）
**
（1）线形进度条
（2）百分比内显
（3）自定义颜色
（4）环形进度条
（5）仪表盘形进度条
（6）Attributes
**
四、Tree 树形控件（用清晰的层级结构展示信息，可展开或折叠。）
**
（1）基础用法
（2）可选择
（3）懒加载自定义叶子节点
（4）默认展开和默认选中（可将 Tree 的某些节点设置为默认展开或默认选中）
（5）禁用状态（可将 Tree 的某些节点设置为禁用状态）
（6）树节点的选择
（7）自定义节点内容
使用 render-content
使用 scoped slot
{
{ node.label }}
Append
Delete
（8）节点过滤
（9）手风琴模式
（10）可拖拽节点
（11）Attributes
（12）props
（13）方法
（14）Events
（15）Scoped Slot
**
五、Pagination 分页（当数据量过多时，使用分页分解数据）
**
（1）基础用法
页数较少时的效果
大于 7 页时的效果
（2）设置最大页码按钮数
（3）带有背景色的分页
（4）小型分页
（5）附加功能（根据场景需要，可以添加其他功能模块。）
显示总数
调整每页显示条数
直接前往
完整功能
（6）当只有一页时隐藏分页
（7）Attributes
（8）Events
（9）Slot
**
六、Badge 标记（出现在按钮、图标旁的数字或状态标记。）
**
（1）基础用法（展示新消息数量）
评论
回复
评论
回复
点我查看
评论
回复
（2）最大值（可自定义最大值）
评论
回复
（3）自定义内容
定义value为String类型是时可以用于显示自定义文本。
评论
回复
（4）小红点
数据查询
（5）Attributes
**
七、Avatar 头像（用图标、图片或者字符的形式展示用户或事物信息）
**
（1）基本用法
circle
square
（2）展示类型
user
（3）图片加载失败的 fallback 行为
（4）图片如何适应容器框
{
{ fit }}
（5）Attributes
（6）Events
（7）Slot
