github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: table dynamic expand error, close #5295

pull/5317/head
tangjinzhou 2022-02-28 21:44:15 +08:00
parent 78c436b990
commit be7a73a7e6
1 changed files with 19 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
components/vc-table/Body/BodyRow.tsx
View File

@ -147,7 +147,24 @@ export default defineComponent<BodyRowProps<unknown>>({
if (column.customCell) {
additionalCellProps = column.customCell(record, index, column);
}
// not use slot to fix https://github.com/vueComponent/ant-design-vue/issues/5295
const appendNode =
colIndex === (expandIconColumnIndex || 0) && nestExpandable.value ? (
<>
<span
data-test={colIndex}
style={{ paddingLeft: `${indentSize * indent}px` }}
class={`${prefixCls}-row-indent indent-level-${indent}`}
/>
{expandIcon({
prefixCls,
expanded: expanded.value,
expandable: hasNestChildren.value,
record,
onExpand: onInternalTriggerExpand,
})}
</>
) : null;
return (
<Cell
cellType="body"
@ -165,29 +182,7 @@ export default defineComponent<BodyRowProps<unknown>>({
additionalProps={additionalCellProps}
column={column}
transformCellText={transformCellText}
v-slots={{
// ============= Used for nest expandable =============
appendNode:
colIndex === (expandIconColumnIndex || 0) && nestExpandable.value
? () => {
return (
<>
<span
style={{ paddingLeft: `${indentSize * indent}px` }}
class={`${prefixCls}-row-indent indent-level-${indent}`}
/>
{expandIcon({
prefixCls,
expanded: expanded.value,
expandable: hasNestChildren.value,
record,
onExpand: onInternalTriggerExpand,
})}
</>
);
}
: undefined,
}}
appendNode={appendNode}
/>
);
})}