diff --git a/docs/examples/virtual.tsx b/docs/examples/virtual.tsx index 8e3380ca1..0780a55a7 100644 --- a/docs/examples/virtual.tsx +++ b/docs/examples/virtual.tsx @@ -12,154 +12,152 @@ interface RecordType { } const columns: ColumnsType = [ - { title: 'title1', dataIndex: 'a', key: 'a', width: 100 }, - { title: 'title1', dataIndex: 'a', key: 'a', width: 800 }, - { title: 'title1', dataIndex: 'a', key: 'a', width: 100 }, - // { title: 'title2', dataIndex: 'b', key: 'b', width: 100, fixed: 'left', ellipsis: true }, - // { - // title: 'title3', - // dataIndex: 'c', - // key: 'c', - // onCell: (_, index) => { - // if (index % 4 === 0) { - // return { - // rowSpan: 3, - // }; - // } + { title: 'title1', dataIndex: 'a', key: 'a', width: 100, fixed: 'left' }, + { title: 'title2', dataIndex: 'b', key: 'b', width: 100, fixed: 'left', ellipsis: true }, + { + title: 'title3', + dataIndex: 'c', + key: 'c', + onCell: (_, index) => { + if (index % 4 === 0) { + return { + rowSpan: 3, + }; + } - // if (index % 4 === 3) { - // return { - // rowSpan: 1, - // colSpan: 3, - // }; - // } + if (index % 4 === 3) { + return { + rowSpan: 1, + colSpan: 3, + }; + } - // return { - // rowSpan: 0, - // }; - // }, - // }, - // { - // title: 'title4', - // key: 'd', - // children: [ - // // Children columns - // { - // title: 'title4-1', - // dataIndex: 'b', - // onCell: (_, index) => { - // if (index % 4 === 0) { - // return { - // colSpan: 3, - // }; - // } + return { + rowSpan: 0, + }; + }, + }, + { + title: 'title4', + key: 'd', + children: [ + // Children columns + { + title: 'title4-1', + dataIndex: 'b', + onCell: (_, index) => { + if (index % 4 === 0) { + return { + colSpan: 3, + }; + } - // if (index % 4 === 3) { - // return { - // colSpan: 0, - // }; - // } - // }, - // }, - // { - // title: 'title4-2', - // dataIndex: 'b', - // onCell: (_, index) => { - // if (index % 4 === 0 || index % 4 === 3) { - // return { - // colSpan: 0, - // }; - // } - // }, - // }, - // ], - // }, - // { - // title: 'title6', - // dataIndex: 'b', - // key: 'f', - // onCell: (_, index) => { - // if (index % 4 === 0) { - // return { - // rowSpan: 0, - // colSpan: 0, - // }; - // } + if (index % 4 === 3) { + return { + colSpan: 0, + }; + } + }, + }, + { + title: 'title4-2', + dataIndex: 'b', + onCell: (_, index) => { + if (index % 4 === 0 || index % 4 === 3) { + return { + colSpan: 0, + }; + } + }, + }, + ], + }, + { + title: 'title6', + dataIndex: 'b', + key: 'f', + onCell: (_, index) => { + if (index % 4 === 0) { + return { + rowSpan: 0, + colSpan: 0, + }; + } - // if (index % 4 === 1) { - // return { - // rowSpan: 3, - // }; - // } + if (index % 4 === 1) { + return { + rowSpan: 3, + }; + } - // return { - // rowSpan: 0, - // }; - // }, - // }, - // { - // title: ( - //