github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Table: fix header scoped slot not accessing data (#13263)

pull/13268/head
hetech 2018-11-01 15:23:55 +08:00 committed by GitHub
parent f33a6562ca
commit 9c32f55892
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/docs/en-US/table.md
View File

@ -1521,7 +1521,7 @@ Customize table column so it can be integrated with other components.
### Table with custom header ### Table with custom header
Customize table header so it can be even more customized. Customize table header so it can be even more customized.
:::demo You can customize how the header looks by [Default slot content](https://vuejs.org/v2/guide/components-slots.html#Default-Slot-Content). :::demo You can customize how the header looks by header [scoped slots](https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots).
```html ```html
<template> <template>
<el-table <el-table
@ -1537,7 +1537,7 @@ Customize table header so it can be even more customized.
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="right"> align="right">
<template slot="header" slot-scope="slot"> <template slot="header" slot-scope="scope">
<el-input <el-input
v-model="search" v-model="search"
size="mini" size="mini"
@ -1581,8 +1581,12 @@ Customize table header so it can be even more customized.
} }
}, },
methods: { methods: {
handleEdit(){}, handleEdit(index, row) {
handleDelete(){} console.log(index, row);
},
handleDelete(index, row) {
console.log(index, row);
}
}, },
} }
</script> </script>

12
examples/docs/es/table.md
View File

@ -1520,7 +1520,7 @@ Personalice la columna de la tabla para que pueda integrarse con otros component
### Table with custom header ### Table with custom header
Customize table header so it can be even more customized. Customize table header so it can be even more customized.
:::demo You can customize how the header looks by [Default slot content](https://vuejs.org/v2/guide/components-slots.html#Default-Slot-Content). :::demo You can customize how the header looks by header [scoped slots](https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots).
```html ```html
<template> <template>
<el-table <el-table
@ -1536,7 +1536,7 @@ Customize table header so it can be even more customized.
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="right"> align="right">
<template slot="header" slot-scope="slot"> <template slot="header" slot-scope="scope">
<el-input <el-input
v-model="search" v-model="search"
size="mini" size="mini"
@ -1580,8 +1580,12 @@ Customize table header so it can be even more customized.
} }
}, },
methods: { methods: {
handleEdit(){}, handleEdit(index, row) {
handleDelete(){} console.log(index, row);
},
handleDelete(index, row) {
console.log(index, row);
}
}, },
} }
</script> </script>

12
examples/docs/zh-CN/table.md
View File

@ -1686,11 +1686,11 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="right"> align="right">
<template slot="header" slot-scope="slot"> <template slot="header" slot-scope="scope">
<el-input <el-input
v-model="search" v-model="search"
size="mini" size="mini"
placeholder="Type to search"/> placeholder="输入关键字搜索"/>
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -1730,8 +1730,12 @@
} }
}, },
methods: { methods: {
handleEdit(){}, handleEdit(index, row) {
handleDelete(){} console.log(index, row);
},
handleDelete(index, row) {
console.log(index, row);
}
}, },
} }
</script> </script>

2
packages/table/src/table-column.js
View File

@ -453,7 +453,7 @@ export default {
if (this.type === 'selection') { if (this.type === 'selection') {
console.warn('[Element Warn][TableColumn]Selection column doesn\'t allow to set scoped-slot header.'); console.warn('[Element Warn][TableColumn]Selection column doesn\'t allow to set scoped-slot header.');
} else { } else {
this.columnConfig.renderHeader = this.$scopedSlots.header; this.columnConfig.renderHeader = (h, scope) => this.$scopedSlots.header(scope);
} }
} }