表格里面的列设置为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,
},
...
]
},
...
)
0个回答默认排序 投票数排序
没有更多回答了~
请先登录
在表格开发示例中有展开行的示例代码
好的,谢谢😁