基于vue的表格组件

引入

import s-vue-table from 's-vue-table'

说明

因工作需要表格组件,但是使用的iview组件的表单滚动条使用的是浏览器的滚动条,无法自定义样式,就自己写了个table组件,后续根据功能需求会继续完善此组件.

使用说明

//引入后在vue的components里添加此组件
components:{...,s-vue-table}
//然后在template里直接利用此组件就可以
<s-vue-table></s-vue-table>

参数

参数|参数说明 --------|-------- columns|表格首行信息,格式 [{title:'标题名称',key:'对应的关键字',className:'此列的类名'},...] data|表格内容信息,格式[{关键字:'内容',关键字:'内容'...},...] height|表格高度,默认600 rowClassName|每行的类名定义,是个回调函数,参数是 rowData:当前行的数据 rollerConfig|{width:...,...}滚动条的配置参数,JSON格式,具体的key和value参照 s-vue-scrollbar参数 其中的rollerHeight,show舍弃

#方法 dataClick 使用:<s-vue-table @dataClick="dataClick"> 参数说明: dataClick(rowData,key){ rowData:你点击行的数据 key:你点击个那个数据对应的key }