feat(table): fix table empty style error (#3552)

* Update Table.tsx #3421 * fix table style error Co-authored-by: chenshuai2144 <[email protected]>
ant-design · Sep 9, 2021 · 05ab05a · 05ab05a
1 parent 1fb9c35
commit 05ab05a
Show file tree

Hide file tree

Showing 11 changed files with 66 additions and 141 deletions.
diff --git a/packages/table/src/Table.tsx b/packages/table/src/Table.tsx
@@ -253,14 +253,10 @@ function TableRender<T extends Record<string, any>, U, ValueType>(
     ) : (
       <Card
         bordered={isBordered('table', cardBordered)}
-        style={{
-          height: '100%',
-        }}
         bodyStyle={
           toolbarDom
             ? {
                 paddingTop: 0,
-                paddingBottom: 0,
               }
             : {
                 padding: 0,

diff --git a/tests/__snapshots__/doc.test.ts.snap b/tests/__snapshots__/doc.test.ts.snap
@@ -468,7 +468,6 @@ Array [
         </div>
         <div
           class="ant-card"
-          style="height: 100%;"
         >
           <div
             class="ant-card-body"

diff --git a/tests/form/__snapshots__/demo.test.ts.snap b/tests/form/__snapshots__/demo.test.ts.snap
@@ -32672,7 +32672,6 @@ exports[`form demos 📸 renders ./packages/form/src/demos/pro-form-editableTabl
           >
             <div
               class="ant-card"
-              style="height: 100%;"
             >
               <div
                 class="ant-card-body"

diff --git a/tests/layout/__snapshots__/demo.test.ts.snap b/tests/layout/__snapshots__/demo.test.ts.snap
@@ -1412,7 +1412,6 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/de
   >
     <div
       class="ant-card"
-      style="height: 100%;"
     >
       <div
         class="ant-card-body"

diff --git a/tests/list/__snapshots__/demo.test.ts.snap b/tests/list/__snapshots__/demo.test.ts.snap
@@ -6,11 +6,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/base.tsx correctly 1`
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -626,11 +625,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/card-list.tsx correct
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -1598,11 +1596,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/editable.tsx correctl
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -2064,11 +2061,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/expand.tsx correctly
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -2582,11 +2578,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/filter.tsx correctly
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -3570,11 +3565,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/layout.tsx correctly
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -4356,11 +4350,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/pagination.tsx correc
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -5558,11 +5551,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/search.tsx correctly
   </div>
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -6360,11 +6352,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/selectedRow.tsx corre
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"
@@ -7120,11 +7111,10 @@ Array [
   >
     <div
       class="ant-card"
-      style="height: 100%;"
     >
       <div
         class="ant-card-body"
-        style="padding-top: 0px; padding-bottom: 0px;"
+        style="padding-top: 0px;"
       >
         <div
           class="ant-pro-table-list-toolbar"
@@ -7639,11 +7629,10 @@ exports[`list demos 📸 renders ./packages/list/src/demos/special.tsx correctly
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-pro-table-list-toolbar"

diff --git a/tests/list/__snapshots__/index.test.tsx.snap b/tests/list/__snapshots__/index.test.tsx.snap
@@ -6,11 +6,10 @@ exports[`List 🚏 only has content 1`] = `
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-list ant-list-split ant-pro-list-container"
@@ -61,11 +60,10 @@ exports[`List 🚏 only has description 1`] = `
 >
   <div
     class="ant-card"
-    style="height: 100%;"
   >
     <div
       class="ant-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="ant-list ant-list-split ant-pro-list-container"

diff --git a/tests/table/__snapshots__/column.test.tsx.snap b/tests/table/__snapshots__/column.test.tsx.snap
@@ -326,11 +326,10 @@ exports[`Table ColumnSetting 🎏 config provide render 1`] = `
   </div>
   <div
     class="qixian-card"
-    style="height: 100%;"
   >
     <div
       class="qixian-card-body"
-      style="padding-top: 0px; padding-bottom: 0px;"
+      style="padding-top: 0px;"
     >
       <div
         class="qixian-pro-table-list-toolbar"
-Original file line number
+Diff line change
@@ Expand Up / @@ -468,7 +468,6 @@ Array [ @@
             </div>
             <div
               class="ant-card"
-              style="height: 100%;"
             >
               <div
                 class="ant-card-body"
@@ Expand Down @@