Fixed #137 - The slot #empty of DataTable not working
parent
d254027ef3
commit
b5f06bf527
|
@ -36,7 +36,7 @@
|
|||
</template>
|
||||
<tr v-else class="p-datatable-emptymessage">
|
||||
<td :colspan="columns.length">
|
||||
<slot name="empty"></slot>
|
||||
<DTEmptySlotTemplate :template="templates.empty" />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
@ -75,6 +75,20 @@ const RowExpansionTemplate = {
|
|||
}
|
||||
}
|
||||
|
||||
const EmptySlotTemplate = {
|
||||
functional: true,
|
||||
props: {
|
||||
template: {
|
||||
type: null,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
render(createElement, context) {
|
||||
const content = context.props.template();
|
||||
return [content];
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
props: {
|
||||
value: {
|
||||
|
@ -420,7 +434,8 @@ export default {
|
|||
},
|
||||
components: {
|
||||
'DTBodyCell': BodyCell,
|
||||
'DTRowExpansionTemplate': RowExpansionTemplate
|
||||
'DTRowExpansionTemplate': RowExpansionTemplate,
|
||||
'DTEmptySlotTemplate': EmptySlotTemplate
|
||||
}
|
||||
}
|
||||
</script>
|
Loading…
Reference in New Issue