update Table
update Table
This commit is contained in:
parent
192e2cb849
commit
3ef4dfb9ef
7 changed files with 68 additions and 46 deletions
|
@ -1,16 +1,23 @@
|
|||
<template>
|
||||
<div :class="[prefixCls + '-cell']">
|
||||
<div :class="classes">
|
||||
<template v-if="renderType === 'index'">{{index + 1}}</template>
|
||||
<template v-if="renderType === 'selection'">
|
||||
<Checkbox :checked="checked" @on-change="toggleSelect(index)"></Checkbox>
|
||||
</template>
|
||||
<template v-if="renderType === 'normal'">{{{ row[column.key] }}}</template>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Checkbox from '../checkbox/checkbox.vue';
|
||||
|
||||
export default {
|
||||
components: { Checkbox },
|
||||
props: {
|
||||
prefixCls: String,
|
||||
row: Object,
|
||||
column: Object,
|
||||
index: Number
|
||||
index: Number,
|
||||
checked: Boolean
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
@ -18,6 +25,16 @@
|
|||
uid: -1
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
classes () {
|
||||
return [
|
||||
`${this.prefixCls}-cell`,
|
||||
{
|
||||
[`${this.prefixCls}-hidden`]: this.column.fixed && (this.column.fixed === 'left' || this.column.fixed === 'right')
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
compile () {
|
||||
if (this.column.render) {
|
||||
|
@ -41,11 +58,16 @@
|
|||
this.$parent.$parent.$children[i].$destroy();
|
||||
}
|
||||
}
|
||||
},
|
||||
toggleSelect (index) {
|
||||
this.$parent.toggleSelect(index);
|
||||
}
|
||||
},
|
||||
compiled () {
|
||||
if (this.column.type === 'index') {
|
||||
this.renderType = 'index';
|
||||
} else if (this.column.type === 'selection') {
|
||||
this.renderType = 'selection';
|
||||
} else if (this.column.render) {
|
||||
this.renderType = 'render';
|
||||
} else {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue