前端-el-table嵌套el-table展开,默认展开第一行

<el-table

            :data="tableData"

            stripe

            border

            row-key="jobNo" //根据什么字段打开行

            :expand-row-keys="expands" //要默认打开行

            style="width: 100%">

            <el-table-column type="expand">

                <template slot-scope="props">

                    <el-table

                        :data="props.row.accessEntities"//子表数据

                        stripe

                        >

                        <el-table-column

                            prop="doorName"

                            label="门禁点"

                            >

                        </el-table-column>

                        <el-table-column

                            prop="type"

                            label="出/入"

                            >

                            <template slot-scope="scope">

                              <span v-if="scope.row.type=='IN'">入</span>

                              <span v-else>出</span>

                            </template>

                        </el-table-column>

                        <el-table-column

                            prop="accessTime"

                            label="时间"

                            >

                        </el-table-column>

                    </el-table>

                </template>

            </el-table-column>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值