Skip to content

Commit 263e7c3

Browse files
committed
fix: table dynamic expand error, close #5295
1 parent fe3eed6 commit 263e7c3

File tree

1 file changed

+19
-24
lines changed

1 file changed

+19
-24
lines changed

components/vc-table/Body/BodyRow.tsx

+19-24
Original file line numberDiff line numberDiff line change
@@ -147,7 +147,24 @@ export default defineComponent<BodyRowProps<unknown>>({
147147
if (column.customCell) {
148148
additionalCellProps = column.customCell(record, index, column);
149149
}
150-
150+
// not use slot to fix https://github.com/vueComponent/ant-design-vue/issues/5295
151+
const appendNode =
152+
colIndex === (expandIconColumnIndex || 0) && nestExpandable.value ? (
153+
<>
154+
<span
155+
data-test={colIndex}
156+
style={{ paddingLeft: `${indentSize * indent}px` }}
157+
class={`${prefixCls}-row-indent indent-level-${indent}`}
158+
/>
159+
{expandIcon({
160+
prefixCls,
161+
expanded: expanded.value,
162+
expandable: hasNestChildren.value,
163+
record,
164+
onExpand: onInternalTriggerExpand,
165+
})}
166+
</>
167+
) : null;
151168
return (
152169
<Cell
153170
cellType="body"
@@ -165,29 +182,7 @@ export default defineComponent<BodyRowProps<unknown>>({
165182
additionalProps={additionalCellProps}
166183
column={column}
167184
transformCellText={transformCellText}
168-
v-slots={{
169-
// ============= Used for nest expandable =============
170-
appendNode:
171-
colIndex === (expandIconColumnIndex || 0) && nestExpandable.value
172-
? () => {
173-
return (
174-
<>
175-
<span
176-
style={{ paddingLeft: `${indentSize * indent}px` }}
177-
class={`${prefixCls}-row-indent indent-level-${indent}`}
178-
/>
179-
{expandIcon({
180-
prefixCls,
181-
expanded: expanded.value,
182-
expandable: hasNestChildren.value,
183-
record,
184-
onExpand: onInternalTriggerExpand,
185-
})}
186-
</>
187-
);
188-
}
189-
: undefined,
190-
}}
185+
appendNode={appendNode}
191186
/>
192187
);
193188
})}

0 commit comments

Comments
 (0)