属性


设置

通过设置 kg-data-option 或者 kg-data-[param] 为表格或列设置属性。

  1. kg-data-option="hasOrder:false;hasCheckBox:true;paging:true;fieldDrag:true;defaultPage:1"
  2. or
  3. kg-data-width="25%"
  • kg-data-[param] 可以写在 kg-data-option 里面,因此可以不用设置 kg-data-[param]
  • 一旦设置了 kg-data-[param]那么kg-data-[param]的值将会取代 kg-data-option 中对应的属性值

属性表

table 表格属性:
属性名 类型 默认值 说明
width String ‘100%’ 表格宽度
height String ‘auto’ 表格高度
minTrNums Number 10 表格最小行数
title String null 表格标题(未完善)
source String null 表格数据源地址
autoLoadSoure Boolean true 是否自动第一次加载数据源
defaultPage Number 1 初始化时加载第几页
paging Boolean false 是否要分页
hasOrder Boolean true 是否需要排序列
hasCheckBox Boolean false 是否需要行Checkbox
onlyCheckOne Boolean false 是否单选
fixedThead Boolean true 是否固定表头
extraClass String ‘table’ 表格额外的class属性
trAnimation String null tr渲染动画名(animate.css)
editField Boolean true 是否可以显示/隐藏列
fixedOrderField Boolean true 是否左边固定排序列
fixedCheckBoxField Boolean true 是否左边固定chengbox列
fieldDrag Boolean true 是否允许列宽度拖动
fieldOrder Boolean true 是否需要列排序
minFieldWidth Number 70 最小列宽
codeUrl String 某url 码表地址
th 列属性:
属性名 类型 默认值 备注
width String ‘initial’ 列宽度
field String ‘’ 列属性名
align String ‘center’ 列对齐方式
newline Boolean false 内容是否换行
canSelect Boolean true 文本是否可以被选择
fixed Boolean/String false 是否固定列
true/‘left’为左边固定,’right’为右边固定
orderName String ‘’ 排序的名字
如果有值代表这个列可以排序,并且每次请求会将此名传到后台
rule String null 本列输出的值采用的变换规则
变换前的值 -> 变换前的值[rule]()
code String ‘’ 码表参数
用于码表接口提供参数,返回值映射到最后的输出值