From 33dbd3f4f14332748c2714f3cc1f9d1717c351bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?= Date: Thu, 8 Apr 2021 20:47:19 +0800 Subject: [PATCH] fix: Table flex pagination (#30065) * fix: Table flex pagination * update style --- .../__tests__/__snapshots__/demo.test.js.snap | 546 ++++++++++++++++++ components/table/demo/narrow.md | 52 ++ components/table/style/index.less | 6 + 3 files changed, 604 insertions(+) create mode 100644 components/table/demo/narrow.md diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap index 6151ed1b3c..693f61a61c 100644 --- a/components/table/__tests__/__snapshots__/demo.test.js.snap +++ b/components/table/__tests__/__snapshots__/demo.test.js.snap @@ -10613,6 +10613,552 @@ exports[`renders ./components/table/demo/multiple-sorter.md correctly 1`] = ` `; +exports[`renders ./components/table/demo/narrow.md correctly 1`] = ` +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Name + + Age + + Address +
+ Sample Name + + 30 + + Sample Address 120 +
+ Sample Name + + 31 + + Sample Address 121 +
+ Sample Name + + 32 + + Sample Address 122 +
+ Sample Name + + 33 + + Sample Address 123 +
+ Sample Name + + 34 + + Sample Address 124 +
+ Sample Name + + 30 + + Sample Address 125 +
+ Sample Name + + 31 + + Sample Address 126 +
+ Sample Name + + 32 + + Sample Address 127 +
+ Sample Name + + 33 + + Sample Address 128 +
+ Sample Name + + 34 + + Sample Address 129 +
+
+
+
+ +
+
+
+
+`; + exports[`renders ./components/table/demo/nest-table-border-debug.md correctly 1`] = ` Array [
+ + , + mountNode, +); +``` diff --git a/components/table/style/index.less b/components/table/style/index.less index 05a5206852..6c216b7914 100644 --- a/components/table/style/index.less +++ b/components/table/style/index.less @@ -162,6 +162,12 @@ &-pagination { display: flex; + flex-wrap: wrap; + row-gap: @padding-xs; + + > * { + flex: none; + } &-left { justify-content: flex-start;