---
layout: templateLayout
---
```vue
<template>
    <Wb-table :data="data">
        <Column prop="date" name="日期"></Column>
        <Column prop="name" name="姓名"></Column>
        <Column prop="age" name="年龄"></Column>
        <Column prop="adr" name="地址"></Column>
        <Column name="查看图片" :component="component"></Column>
    </Wb-table>
</template>
<script>
export default {
    data(){
        return {
            data: [{
                name: '张晓刚',
                age: 24,
                date: new Date(2016, 9, 10),
                adr: '北京市海淀区西二旗',
                status: 1
            }, {
                name: '李晓红',
                age: 26,
                date: new Date(2016, 9, 11),
                adr: '北京市海淀区西二旗',
                status: 2,
                _selected: true
            }, {
                name: '隔壁老王',
                age: 22,
                date: new Date(2016, 9, 12),
                adr: '北京市海淀区西二旗',
                status: 3
            }, {
                name: '我爸是李刚',
                age: 19,
                date: new Date(2016, 9, 13),
                adr: '北京市海淀区西二旗',
                status: 4
            }],
            component(trData, tdData) {
                return new Vue({
                    data: function () {
                        return {
                            zoomOption: {
                                src: framework,
                                minWidth: 200,
                                maxWidth: 500
                            }
                        }
                    },
                    render(h){
                        return h("Wb-button", {
                            props: {
                                type: "primary"
                            },
                            directives: [{
                                name: "zoom",
                                value: this.zoomOption
                            }]
                        }, ["点击查看图片"])
                    }
                })
            },
        }
    },
    methods: {
    }
}
</script>
```