mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-15 04:29:37 +01:00
feat(Table): improve expanded row (#2485)
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<script setup>
|
||||
<script setup lang='ts'>
|
||||
const people = [{
|
||||
id: 1,
|
||||
name: 'Lindsay Walton',
|
||||
@@ -36,10 +36,15 @@ const people = [{
|
||||
email: 'floyd.miles@example.com',
|
||||
role: 'Member'
|
||||
}]
|
||||
|
||||
const expand = ref({
|
||||
openedRows: [people[0]],
|
||||
row: {}
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<UTable :rows="people">
|
||||
<UTable v-model:expand="expand" :rows="people">
|
||||
<template #expand="{ row }">
|
||||
<div class="p-4">
|
||||
<pre>{{ row }}</pre>
|
||||
|
||||
Reference in New Issue
Block a user