首页antd-vue table 在展开的情况下去删除展开行里面的数据怎么才能让展开行不关闭

antd-vue table 在展开的情况下去删除展开行里面的数据怎么才能让展开行不关闭

时间: 2023-05-26 19:05:52 浏览: 196

antd中table展开行默认展示,且不需要前边的加号操作

5星 · 资源好评率100%

如下所示：前边不显示+，并且详细信息默认展开在table中配置 <Table expandedRowKeys={this.store.chargeTableData.map(item> item.key)} //展开的行 expandIconAsCell={false} expandIconColumnIndex={-1} bordered //展示边框 defaultExpandAllRows={true} //初始时展开所有行 pagination={{ pageSize: 5 }} //分页器 expandedRowRender={this.exp

可以通过以下步骤实现： 1. 在删除操作中保存展开行的状态（例如，将数据中该行的 `expanded` 属性设置为 `true`）。 2. 在 `row-key` 中返回一个唯一的值，以便更新数据和视图。 3. 在删除后通过 `this.$refs.table.updateExpandedRows(expandedRows)` 更新展开行的状态，其中 `expandedRows` 是包含展开行的数据项的数组。这样，在删除后，展开行的状态将得到保留，以便展开行不会关闭。

阅读全文