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

可以通过以下步骤实现：

1. 在删除操作中保存展开行的状态（例如，将数据中该行的 `expanded` 属性设置为 `true`）。

2. 在 `row-key` 中返回一个唯一的值，以便更新数据和视图。

3. 在删除后通过 `this.$refs.table.updateExpandedRows(expandedRows)` 更新展开行的状态，其中 `expandedRows` 是包含展开行的数据项的数组。

这样，在删除后，展开行的状态将得到保留，以便展开行不会关闭。

相关问题

antd-design-vue table 过滤

Ant Design Vue (简称`antd-design-vue`) 中的表格组件 `Table` 提供了丰富的过滤功能，通常通过集成其内置的列筛选器(`filter` 属性) 或者配合自定义方法实现。以下是基本的使用步骤：

1. **使用列筛选器**：在`Table`的列配置中添加`filters`属性，它可以是一个数组，每个元素包含两个部分：筛选选项和转换函数。例如：

   <a-table :columns="columns" :data-source="tableData">
     <!-- ... -->
     <a-table-column
       prop="name"
       title="姓名"
       filters={[
         { text: '全部', value: '' },
         { text: '张三', value: '张三' },
         { text: '李四', value: '李四' }
       ]}
     ></a-table-column>
   </a-table>

当用户选择筛选项时，会动态过滤数据。

2. **自定义过滤逻辑**：如果需要更复杂的过滤条件，可以为`filters`属性提供一个函数，该函数接收当前值、搜索关键字以及原始数据作为参数，返回过滤后的数据：

   columns: [
     {
       prop: 'status',
       // 自定义过滤函数
       filters: (value, filterVal, tableData) => {
         return tableData.filter(row => row.status === value || row.status.includes(filterVal));
       },
       // ...
     }
   ]

3. **事件监听**：可以利用`onFilter`事件处理用户的筛选操作，它会在用户选择新的过滤项后触发。

antd-design-vue 表格 自适应高度

要实现 antd-design-vue 表格的自适应高度，可以通过以下步骤：

1. 首先，我们需要在表格组件的外层容器中设置固定的高度或者最小高度，例如设置 `style="height: 300px;"`。这个高度可以根据实际需求进行调整。

2. 然后，在表格组件中，通过设置 `scroll` 属性来实现自适应高度。`scroll` 属性是一个对象，其中包括 `x` 和 `y` 两个属性。我们只需要设置 `y` 属性即可。

例如：

<template>
  <div style="height: 300px;">
    <a-table :columns="columns" :data-source="dataSource" :scroll="{ y: 'calc(100vh - 380px)' }"></a-table>
  </div>
</template>

在上述代码中，我们使用 `calc()` 函数来计算表格的高度，其中 `100vh` 表示窗口可视区域的高度，`380px` 表示表格外部容器的上下边距和分页器等组件的高度。根据实际情况，你可以调整这个计算表达式。

通过以上步骤，我们可以实现 antd-design-vue 表格的自适应高度。当表格内容超过设置的高度时，会出现纵向滚动条，从而确保表格的高度适应容器大小。