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 = () => ( +
+

Table with no header

+ +
+

Table with header

+
+ +); + +export default Demo; diff --git a/src/Table.tsx b/src/Table.tsx index 7b7751554..184fbfb19 100644 --- a/src/Table.tsx +++ b/src/Table.tsx @@ -739,7 +739,6 @@ function Table( ); } - let fullTable = (
( {...dataProps} > {title && {title(mergedData)}} -
+
{groupTableNode}
{footer && {footer(mergedData)}} diff --git a/tests/__snapshots__/ExpandRow.spec.jsx.snap b/tests/__snapshots__/ExpandRow.spec.jsx.snap index 96f841d8f..5984e40cd 100644 --- a/tests/__snapshots__/ExpandRow.spec.jsx.snap +++ b/tests/__snapshots__/ExpandRow.spec.jsx.snap @@ -6,7 +6,7 @@ LoadedCheerio { class="rc-table" >