fix: display scrollBar (#410)

shaodahong · zombieJ · commit dd4a870a736d · 2020-01-21T18:39:06.000+08:00
* fix: dispaly scrollBar

* update snapshots
diff --git a/assets/index.less b/assets/index.less
@@ -1,6 +1,6 @@
 @tablePrefixCls: rc-table;
-@text-color : #666;
-@font-size-base : 12px;
+@text-color: #666;
+@font-size-base: 12px;
 @line-height: 1.5;
 @table-border-color: #e9e9e9;
 @table-head-background-color: #f7f7f7;
diff --git a/src/Table.tsx b/src/Table.tsx
@@ -532,8 +532,7 @@ function Table<RecordType extends DefaultRecordType>(props: TableProps<RecordTyp
         {showHeader !== false && (
           <div
             style={{
-              ...scrollXStyle,
-              marginBottom: fixColumn ? -scrollbarSize : null,
+              overflow: 'hidden',
             }}
             onScroll={onScroll}
             ref={scrollHeaderRef}
diff --git a/tests/__snapshots__/FixedColumn.spec.js.snap b/tests/__snapshots__/FixedColumn.spec.js.snap
@@ -796,7 +796,7 @@ exports[`Table.FixedColumn renders correctly scrollXY - with data 1`] = `
   >
     <div
       class="rc-table-header"
-      style="overflow-x: scroll; margin-bottom: -15px;"
+      style="overflow: hidden;"
     >
       <table
         style="table-layout: fixed;"
diff --git a/tests/__snapshots__/Table.spec.js.snap b/tests/__snapshots__/Table.spec.js.snap
@@ -75,7 +75,7 @@ exports[`Table.Basic custom components renders fixed column and header correctly
   >
     <div
       class="rc-table-header"
-      style="overflow-x: scroll; margin-bottom: -15px;"
+      style="overflow: hidden;"
     >
       <table
         style="table-layout: fixed; visibility: hidden;"
@@ -196,7 +196,7 @@ exports[`Table.Basic custom components scroll content with scroll 1`] = `
   >
     <div
       class="rc-table-header"
-      style="overflow-x: scroll; margin-bottom: -15px;"
+      style="overflow: hidden;"
     >
       <table
         style="table-layout: fixed;"

Original file line number	Diff line number	Diff line change
@@ -796,7 +796,7 @@ exports[`Table.FixedColumn renders correctly scrollXY - with data 1`] = `
`796`	`796`	`>`
`797`	`797`	`<div`
`798`	`798`	`class="rc-table-header"`
`799`		`- style="overflow-x: scroll; margin-bottom: -15px;"`
	`799`	`+ style="overflow: hidden;"`
`800`	`800`	`>`
`801`	`801`	`<table`
`802`	`802`	`style="table-layout: fixed;"`
Original file line number	Diff line number	Diff line change
@@ -75,7 +75,7 @@ exports[`Table.Basic custom components renders fixed column and header correctly
`75`	`75`	`>`
`76`	`76`	`<div`
`77`	`77`	`class="rc-table-header"`
`78`		`- style="overflow-x: scroll; margin-bottom: -15px;"`
	`78`	`+ style="overflow: hidden;"`
`79`	`79`	`>`
`80`	`80`	`<table`
`81`	`81`	`style="table-layout: fixed; visibility: hidden;"`
@@ -196,7 +196,7 @@ exports[`Table.Basic custom components scroll content with scroll 1`] = `
`196`	`196`	`>`
`197`	`197`	`<div`
`198`	`198`	`class="rc-table-header"`
`199`		`- style="overflow-x: scroll; margin-bottom: -15px;"`
	`199`	`+ style="overflow: hidden;"`
`200`	`200`	`>`
`201`	`201`	`<table`
`202`	`202`	`style="table-layout: fixed;"`