UI层丨表格组件原创

表格新建表格组件常规设置下，可以设置表格的单元格大小、行与列的间距填充可以调节单元格的颜色，图片可以为单元格上传背景图片，圆角可以为单元格调节圆角大小。点击旁边的图标可以设置每个角的独立数值，从左往右依次为左上角、右上角、右下角、左下角，还可以调节表格的内边距与无透明度。表头开关打开，则首行会被作为表头，表头被固定，轮播和页面滚动交互效果不生效，数据和常规设置模块生效，表头开关关闭时，首行不会被作为表头，均生效，自定义可以。

设置某些单元格有不一样的常规设置效果，点击自定义加号，弹出二级面板，可在二级面板进行自定义操作，自定义设置下会对默认效果进行覆盖，重新赋值自定义名称，可编辑该条自定义的名称框选范围，比如选择为奇数行，修改填充颜色，则奇数行的颜色会进行改变，选择偶数行，则属性将复制到偶数行。数据范围开关开启，则会在框选范围的基础上多一层数据的限制，只有满足这个数据范围内的数据才能通过自定义设置更改到相应的属性。比如我们判断选择大于后边输入300，则单元格只有数值大于300才会被出。

值数据下包含单元格内录入数据的调节，可调节文字相关的属性，如设置字体、颜色、对齐方式等。自定义设置与常规设置自定义相同。交互下有文本滚动和表格轮播，其中文本滚动可以选择鼠标悬停后开启滚动还是暂停滚动，选择适用的文本以及滚动速度。轮播下可设置轮播的方式，有行列轮播、千页轮播，可设置鼠标引入暂停轮播或者开启轮播，手动切页还是自动切页，设置每页的行数。下边可以设置轮播持续和停留的时间以及轮播团的样式。自定义与常规设置中的自定义逻辑一致，下面来看一下交互。

不同选项的预览区别简易表格与表格的功能一致，区别在于拖出来的表格样式比较简单，方便用户在较初级的状态下进行表格编辑。数字翻牌器用来展示数字翻动效果，数字翻排器同样引入自定义设置，可对任意小数位、整数位、小数点符和分位符的内容和样式进行个性化调整。支持常规静态录入数据和API等动态数据录入，支持对数据类型为数值的数据的预值分析及效果显示。常规设置下可设置所有翻牌器的填充颜色，画面只有千分位的变化是因为下方有自定义象。

我把其覆盖了，删除自定义效果即可恢复正常。还可设置翻排旗的填充图片，边框下可以设置翻牌器的尺寸、间距及描边样式，下边还可以调节翻白器的眼角投影边距以及不透明度。点击自定义加号可以对翻排器进行更针对性的调整。范围可以选择全部千分位、小数点位或者自定义范围，比如选择千分位更改下方设置只会对千分位生效范围选择自定义可以选择整数位或者小数位的具体位数，输入一到四则只会对后四位效果成效数据范围开关开启则会在框选范围的基础上多一。

数据的限制，只有满足这个数据范围内的数据才能通过自定义设置更改到相应的属性，使用方法与表格下数据范围相同。