属性
设置
通过设置 kg-data-option
或者 kg-data-[param]
为表格或列设置属性。
kg-data-option="hasOrder:false;hasCheckBox:true;paging:true;fieldDrag:true;defaultPage:1"
or
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 |
‘’ |
码表参数 |
|
|
|
用于码表接口提供参数,返回值映射到最后的输出值 |