2016-11-23 16:27:17 +08:00
|
|
|
<template>
|
|
|
|
<thead>
|
|
|
|
<tr>
|
2016-11-23 18:38:39 +08:00
|
|
|
<th v-for="column in columns" :class="fixedCls(column)">{{{ renderHeader(column, $index) }}}</th>
|
2016-11-23 16:27:17 +08:00
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
prefixCls: String,
|
|
|
|
columns: Array
|
|
|
|
},
|
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
renderHeader (column, $index) {
|
|
|
|
if ('renderHeader' in this.columns[$index]) {
|
|
|
|
return this.columns[$index].renderHeader(column, $index);
|
|
|
|
} else {
|
|
|
|
return column.title || '#';
|
|
|
|
}
|
2016-11-23 18:38:39 +08:00
|
|
|
},
|
|
|
|
fixedCls (column) {
|
|
|
|
return column.fixed ? `${this.prefixCls}-${column.fixed}` : '';
|
2016-11-23 16:27:17 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|