当前位置:   article > 正文

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

element 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>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/279917
推荐阅读
相关标签
  

闽ICP备14008679号