feat: add sticky

Author: crazyair

docs/demo/expandedSticky.md

@@ -0,0 +1,8 @@
+---
+title: expandedSticky
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../examples/expandedSticky.tsx"></code>

docs/examples/expandedSticky.tsx

@@ -0,0 +1,57 @@
+import React, { useState } from 'react';
+import type { ColumnType } from 'rc-table';
+import Table from 'rc-table';
+import '../../assets/index.less';
+
+const Demo = () => {
+  const [expandedRowKeys, setExpandedRowKeys] = useState<readonly React.Key[]>([]);
+
+  const columns: ColumnType<Record<string, any>>[] = [
+    {
+      title: '手机号',
+      dataIndex: 'a',
+      width: 100,
+      fixed: 'left',
+      onCell: (_, index) => {
+        const props: React.TdHTMLAttributes<HTMLTableCellElement> = {};
+        if (index === 0) props.rowSpan = 1;
+        if (index === 1) props.rowSpan = 2;
+        if (index === 2) props.rowSpan = 0;
+        return props;
+      },
+    },
+    Table.EXPAND_COLUMN,
+    { title: 'Name', dataIndex: 'c' },
+    { title: 'Address', fixed: 'right', dataIndex: 'd', width: 200 },
+  ];
+
+  return (
+    <div
+      style={{
+        height: 10000,
+      }}
+    >
+      <h2>expanded & sticky</h2>
+      <Table<Record<string, any>>
+        rowKey="key"
+        sticky
+        scroll={{ x: 800 }}
+        columns={columns}
+        data={[
+          { key: 'a', a: '12313132132', c: '小二', d: '文零西路' },
+          { key: 'b', a: '13812340987', c: '张三', d: '文一西路' },
+          { key: 'c', a: '13812340987', c: '张夫', d: '文二西路' },
+        ]}
+        expandable={{
+          expandedRowOffset: 1,
+          expandedRowKeys,
+          onExpandedRowsChange: keys => setExpandedRowKeys(keys),
+          expandedRowRender: record => <p style={{ margin: 0 }}>{record.key}</p>,
+        }}
+        className="table"
+      />
+    </div>
+  );
+};
+
+export default Demo;