diff --git a/docs/demo/expandedRowClassName.md b/docs/demo/expandedRowClassName.md
new file mode 100644
index 000000000..c3f7833e0
--- /dev/null
+++ b/docs/demo/expandedRowClassName.md
@@ -0,0 +1,8 @@
+---
+title: expandedRowClassName
+nav:
+ title: Demo
+ path: /demo
+---
+
+
diff --git a/docs/examples/expandedRowClassName.module.less b/docs/examples/expandedRowClassName.module.less
new file mode 100644
index 000000000..1f2c8a205
--- /dev/null
+++ b/docs/examples/expandedRowClassName.module.less
@@ -0,0 +1,4 @@
+.tesExpandedRowClassName td {
+ background-color: red !important;
+ color: #fff;
+}
diff --git a/docs/examples/expandedRowClassName.tsx b/docs/examples/expandedRowClassName.tsx
new file mode 100644
index 000000000..0771414fc
--- /dev/null
+++ b/docs/examples/expandedRowClassName.tsx
@@ -0,0 +1,62 @@
+import React from 'react';
+import Table from 'rc-table';
+
+import styles from './expandedRowClassName.module.less';
+
+const columns = [
+ {
+ title: 'Name',
+ dataIndex: 'name',
+ key: 'name',
+ },
+ {
+ title: 'Age',
+ dataIndex: 'age',
+ key: 'age',
+ },
+ {
+ title: 'Address',
+ dataIndex: 'address',
+ key: 'address',
+ },
+];
+
+const data = [
+ {
+ name: 'John',
+ age: '25',
+ address: '1 A Street',
+ children: [
+ { name: 'C-John', age: '31', address: '1 A Stree2t' },
+ {
+ name: 'C-Fred',
+ age: '532',
+ address: '2 B Str1eet',
+ children: [
+ { name: 'D-John', age: '31', address: '1 A Stree2t' },
+ { name: 'D-Fred', age: '532', address: '2 B Str1eet' },
+ { name: 'D-Anne', age: '43217', address: '3 C S3treet' },
+ ],
+ },
+ { name: 'C-Anne', age: '43217', address: '3 C S3treet' },
+ ],
+ },
+ { name: 'Fred', age: '38', address: '2 B Street' },
+ { name: 'Anne', age: '47', address: '3 C Street' },
+];
+
+const Demo = () => (
+