jk_table_shenqikai
v0.1.0
Published
基于element组件中table 和pagination 扩展的动态表格
Downloads
2
Readme
基于element组件中table 和pagination 扩展的动态表格,拥有动态列数,自己处理页码导出等功能,组件为后台分页因此页面 页数改变会有方法回调
1.第一步使用命令 npm i npm i jiankong_table 讲包下载到本地
2.使用import jk_table from 'jiankong_table'引入项目
3.在vue components 中单独注册或使用 vue.use() 全局注册
4.参数 titleLis : 表头及数据字段名(数组)必传 例 exceLitle:[{ name:"单位名称", children:[{ code:"orgName", name:"单位名称", },{ code:"attr1", name:"用户名称", }] },{ code:"consNo", name:"用户编号" }],
selection : 是否有勾选框(默认false)
highlightCurrentRow : 表格条目鼠标移上和选中高亮(默认false)
data : 表格数据(数组)必传
例 exceData:[{
"orgName":"市东新合供电所",
"consNo":"0268701624",
"attr1":"中国石**济南分公司",
},{
"orgName":"市东新合供电所",
"consNo":"0270729638",
"attr1":"济南钢**业有限公司",
}],
total :总条数(默认0条)
maxHeight :表格最大宽度(展示滚动条)默认300
bottom : 是否有底部条(分页导出等)默认false
page : 页码(默认1)
size :每页条数(默认1)
rowClassName :行样式(class名) 有默认样式可修改
headerCellClassName :表头样式(class名) 有默认样式可修改
5.方法 selection-change :selection勾选框选中改变回调(selection为true生效)
row-click :行点击回调
size-change :每页条数改变回调
current-change :页码改变回调