drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #658

Browse source
This commit is contained in:
梁灏 2017-07-19 15:09:15 +08:00
parent 548eac43fe
commit 51356c2cd2
2 changed files with 113 additions and 161 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

273
examples/routers/table.vue
View file

@ -1,169 +1,33 @@
<!--<template>-->
<!--<div>-->
<!--<Table-->
<!--width="500"-->
<!--border-->
<!--highlight-row-->
<!--:columns="columns2"-->
<!--@on-selection-change="change2"-->
<!--:data="data3"></Table>-->
<!--<Button @click="addData">添加数据</Button>-->
<!--</div>-->
<!--</template>-->
<!--<script>-->
<!--import test from '../components/test.vue';-->
<!--export default {-->
<!--data () {-->
<!--return {-->
<!--columns2: [-->
<!--// {-->
<!--// type: 'selection',-->
<!--// width: 60,-->
<!--// align: 'center'-->
<!--// },-->
<!--{-->
<!--title: '姓名',-->
<!--key: 'name',-->
<!--width: 100,-->
<!--// sortable: true,-->
<!--fixed: 'right',-->
<!--render: (h, params) => {-->
<!--return h('div', [-->
<!--h('Button', {-->
<!--props: {-->
<!--type: 'primary',-->
<!--size: 'small'-->
<!--},-->
<!--on: {-->
<!--click: this.edit-->
<!--},-->
<!--}, '修改')-->
<!--]);-->
<!--}-->
<!--},-->
<!--{-->
<!--title: '年龄',-->
<!--key: 'age',-->
<!--sortable: true,-->
<!--// width: 100-->
<!--},-->
<!--{-->
<!--title: '省份',-->
<!--key: 'province',-->
<!--sortable: true,-->
<!--// fixed: 'right',-->
<!--// width: 100-->
<!--},-->
<!--// {-->
<!--// title: '市区',-->
<!--// key: 'city',-->
<!--// width: 100-->
<!--// },-->
<!--// {-->
<!--// title: '地址',-->
<!--// key: 'address',-->
<!--// width: 200-->
<!--// },-->
<!--// {-->
<!--// title: '邮编',-->
<!--// key: 'zip',-->
<!--// width: 100-->
<!--// },-->
<!--// {-->
<!--// title: '操作',-->
<!--// key: 'action',-->
<!--// fixed: 'right',-->
<!--// width: 120,-->
<!--// render: (h, params) => {-->
<!--// return h(test);-->
<!--// }-->
<!--// }-->
<!--],-->
<!--data3: [-->
<!--// {-->
<!--// name: '王小明',-->
<!--// age: 18,-->
<!--// address: '北京市朝阳区芍药居',-->
<!--// province: '北京市',-->
<!--// city: '朝阳区',-->
<!--// zip: 100000-->
<!--// },-->
<!--// {-->
<!--// name: '张小刚',-->
<!--// age: 25,-->
<!--// address: '北京市海淀区西二旗',-->
<!--// province: '北京市',-->
<!--// city: '海淀区',-->
<!--// zip: 100000-->
<!--// },-->
<!--// {-->
<!--// name: '李小红',-->
<!--// age: 30,-->
<!--// address: '上海市浦东新区世纪大道',-->
<!--// province: '上海市',-->
<!--// city: '浦东新区',-->
<!--// zip: 100000-->
<!--// },-->
<!--// {-->
<!--// name: '周小伟',-->
<!--// age: 26,-->
<!--// address: '深圳市南山区深南大道',-->
<!--// province: '广东',-->
<!--// city: '南山区',-->
<!--// zip: 100000-->
<!--// }-->
<!--]-->
<!--}-->
<!--},-->
<!--methods: {-->
<!--change1 (d, l) {-->
<!--// console.log(d)-->
<!--// console.log(l)-->
<!--},-->
<!--change2 (d, l) {-->
<!--console.log(d);-->
<!--console.log(l);-->
<!--},-->
<!--addData () {-->
<!--this.data3.push({-->
<!--name: '周小伟',-->
<!--age: 26,-->
<!--address: '深圳市南山区深南大道',-->
<!--province: '广东',-->
<!--city: '南山区',-->
<!--zip: 100000-->
<!--})-->
<!--}-->
<!--}-->
<!--}-->
<!--</script>-->
<template>
<div>
<i-table :data="dtData" :height="400" :columns="dtCols" border highlight-row></i-table>
<Button type="ghost" @click="addData"> add data</Button>
<Table
width="500"
height="200"
border
highlight-row
:columns="columns2"
@on-selection-change="change2"
:data="data3"></Table>
<Button @click="addData">添加数据</Button>
</div>
</template>
<script>
import test from '../components/test.vue';
export default {
data(){
return{
dtData:[],
dtCols:[
data () {
return {
columns2: [
// {
// type: 'selection',
// width: 60,
// align: 'center'
// },
{
type: 'selection',
width: 60,
align: 'center'
},
{
title: '分类名称',
title: '姓名',
key: 'name',
sortable: true
},
{
title: '操作',
fixed: 'right',
width: 120,
width: 100,
// sortable: true,
// fixed: 'right',
render: (h, params) => {
return h('div', [
h('Button', {
@ -177,15 +41,102 @@
}, '修改')
]);
}
}
},
{
title: '年龄',
key: 'age',
sortable: true,
width: 100
},
{
title: '省份',
key: 'province',
sortable: true,
// fixed: 'right',
// width: 100
},
// {
// title: '市区',
// key: 'city',
// width: 100
// },
// {
// title: '地址',
// key: 'address',
// width: 200
// },
// {
// title: '邮编',
// key: 'zip',
// width: 100
// },
// {
// title: '操作',
// key: 'action',
// fixed: 'right',
// width: 120,
// render: (h, params) => {
// return h(test);
// }
// }
],
data3: [
// {
// name: '王小明',
// age: 18,
// address: '北京市朝阳区芍药居',
// province: '北京市',
// city: '朝阳区',
// zip: 100000
// },
// {
// name: '张小刚',
// age: 25,
// address: '北京市海淀区西二旗',
// province: '北京市',
// city: '海淀区',
// zip: 100000
// },
// {
// name: '李小红',
// age: 30,
// address: '上海市浦东新区世纪大道',
// province: '上海市',
// city: '浦东新区',
// zip: 100000
// },
// {
// name: '周小伟',
// age: 26,
// address: '深圳市南山区深南大道',
// province: '广东',
// city: '南山区',
// zip: 100000
// }
]
}
},
methods: {
change1 (d, l) {
// console.log(d)
// console.log(l)
},
change2 (d, l) {
console.log(d);
console.log(l);
},
addData () {
this.dtData.push({
name: '发送到附件是'
this.data3.push({
name: '周小伟',
age: 26,
address: '深圳市南山区深南大道',
province: '广东',
city: '南山区',
zip: 100000
})
},
edit () {
}
}
}

1
src/components/table/mixin.js
View file

@ -33,6 +33,7 @@ export default {
const firstFixedIndex = this.columns.findIndex((col) => col.fixed === 'right');
if (firstFixedIndex === index) width += this.$parent.scrollBarWidth;
}
if (width === '0') width = '';
return width;
}
}