diff --git a/assets/index.less b/assets/index.less
index f00920ba6..4c9fb032f 100644
--- a/assets/index.less
+++ b/assets/index.less
@@ -54,7 +54,11 @@
border-left: @border;
}
}
-
+ // ================== Container ==================
+ &-container-header{
+ border-start-start-radius: 8px;
+ border-start-end-radius: 8px;
+ }
// ================== Cell ==================
&-cell {
background: #f4f4f4;
diff --git a/docs/demo/showHeader.md b/docs/demo/showHeader.md
new file mode 100644
index 000000000..b13325f36
--- /dev/null
+++ b/docs/demo/showHeader.md
@@ -0,0 +1,8 @@
+---
+title: showHeader
+nav:
+ title: Demo
+ path: /demo
+---
+
+
diff --git a/docs/examples/showHeader.tsx b/docs/examples/showHeader.tsx
new file mode 100644
index 000000000..78ae174ba
--- /dev/null
+++ b/docs/examples/showHeader.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import Table from 'rc-table';
+import '../../assets/index.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' },
+ { name: 'Fred', age: '38', address: '2 B Street' },
+ { name: 'Anne', age: '47', address: '3 C Street' },
+];
+
+const Demo = () => (
+