表格里面的列设置为expand展开怎么自定义内容?
自定义

表格里面的列设置为expand展开怎么自定义内容?

如题,我在代码中设置了 type: 'expand',但是展示效果只有这样。我看 element plus 文档是在插槽里面写内容,但是我设置后不起效果。看你们的文档中并没有涉及到这 expand 的内容,所以就此提问。

以下是我的代码块:

<template>
    <div class="default-main ba-table-box">
        <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon />

        <!-- 表格顶部菜单 -->
        <TableHeader
            :buttons="['refresh', 'add', 'delete', 'comSearch', 'quickSearch', 'columnDisplay']"
            :quick-search-placeholder="
                t('quick Search Placeholder', {
                    fields: t('auth.admin.username') + '/' + t('auth.admin.nickname'),
                })
            "
            :quick-search-fields="'username,nickname'"
            @action="baTable.onTableHeaderAction"
        />

        <!-- 表格 -->
        <!-- 要使用`el-table`组件原有的属性,直接加在Table标签上即可 -->
        <Table @action="baTable.onTableAction" ref="tableRef">
        </Table>

        <!-- 表单 -->
        <PopupForm />
    </div>
</template>
const baTable = new baTableClass(
    new baTableApi(formManager),
    {
        column: [
            { type: 'selection', align: 'center', operator: false },
            {
                type: 'expand',
                align: 'center',
                operator: false,
            },
            {
                type: 'index',
                align: 'center',
                operator: false,
            },
            {
                label: t('id'),
                prop: 'id',
                align: 'center',
                show: false,
                operator: 'LIKE',
                operatorPlaceholder: t('Fuzzy query'),
                width: 70,
            },
            ...
        ]
    },
    ...
   )
已采纳
YANG001
YANG001
这家伙很懒,什么也没写~
4月前

在表格开发示例中有展开行的示例代码

Lemon
Lemon回复YANG001
这家伙很懒,什么也没写~
4月前

好的,谢谢😁

0个回答默认排序 投票数排序
没有更多回答了~
请先登录
0
1
0
2