用法:<roadui-table></roadui-table>或<RoaduiTable></RoaduiTable>
属性:
width: { type: String, default: 'auto' },//表格宽度
height: { type: String, default: '' },//表格高度
cols: { type: Array, default() { return []; } },表格列
例:
cols: [
{ name: 'Id', order: 'none', title: '', width: '', key: true, show: 0, select: '' },
{ name: 'Title', title: '标题', width: '25%' },
{ name: 'Address', title: '地址', width: '42%' },
{ name: 'Type', title: '分类', width: '15%' },
{ name: 'Opation', title: '操作', order: 'none', width: '18%', type: 'buttons', buttons: [{ title: '编辑', fun: this.edit }, { title: '按钮', fun: this.editButton }] },
],
rows: { type: Array, default() { return []; } },//行数据
例:
[{"Id":"5403bb88-a1d5-487c-9e58-7649eeed7db6",
"Title":"API测试",
"Address":"/flow/run/index?flowid=756b811d-17bc-4367-8621-d65ed28a632e",
"Type":"业务类"}]
number: { type: Boolean, default: false },//是否有序号列
checkbox: { type: Boolean, default: false },//多选列
radio: { type: Boolean, default: false },//单选列
pager: { type: Boolean, default: true },//是否分页
total: { type: Number, default: 0 },//总条数
loading: { type: Boolean, default: false },//显示加载中
order: { type: String, default: '' },//排序
ordertype: { type: Number, default: 0 },//排序方式0服务器排序 1本地排序
borderstyle: { type: String, default: '' },//边框样式
bordertop: { type: Boolean, default: true },//是否显示顶部边框-绿色的一条线
mycolgroup: { type: String, default: '' },//自定的列宽
mythead: { type: String, default: '' },//自定的列头
trclick: { type: Boolean, default: true },//是否行点击时选中列
pagenumber: { type: Number, default: 1 },//当前页码
pagesize: { type: Number, default: 0 },//当前每页条数
container: { type: String, default: '' },//body div的id,用于表中有combox并有滚动条时的container属性
联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2024 重庆天知软件技术有限公司 版权所有
|