jk_table_shenqikai

0.1.0 • Public • Published

基于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 :页码改变回调

Readme

Keywords

none

Package Sidebar

Install

npm i jk_table_shenqikai

Weekly Downloads

1

Version

0.1.0

License

none

Unpacked Size

225 kB

Total Files

18

Last publish

Collaborators

  • shenqikai