chore: Add additional dom for panel body

react-component · Nov 28, 2019 · 107ca51 · 107ca51 · vercel · Nov 28, 2019
1 parent 66dfac6
commit 107ca51
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 15 deletions.
diff --git a/src/panels/DatePanel/DateBody.tsx b/src/panels/DatePanel/DateBody.tsx
@@ -143,12 +143,14 @@ function DateBody<DateType>({
   }
 
   return (
-    <table className={`${prefixCls}-content`}>
-      <thead>
-        <tr>{headerCells}</tr>
-      </thead>
-      <tbody>{rows}</tbody>
-    </table>
+    <div className={`${prefixCls}-body`}>
+      <table className={`${prefixCls}-content`}>
+        <thead>
+          <tr>{headerCells}</tr>
+        </thead>
+        <tbody>{rows}</tbody>
+      </table>
+    </div>
   );
 }
 

diff --git a/src/panels/DecadePanel/DecadeBody.tsx b/src/panels/DecadePanel/DecadeBody.tsx
@@ -79,9 +79,11 @@ function DecadeBody<DateType>({
   }
 
   return (
-    <table>
-      <tbody>{rows}</tbody>
-    </table>
+    <div className={`${prefixCls}-body`}>
+      <table className={`${prefixCls}-content`}>
+        <tbody>{rows}</tbody>
+      </table>
+    </div>
   );
 }
 

diff --git a/src/panels/MonthPanel/MonthBody.tsx b/src/panels/MonthPanel/MonthBody.tsx
@@ -92,9 +92,11 @@ function MonthBody<DateType>({
   }
 
   return (
-    <table>
-      <tbody>{rows}</tbody>
-    </table>
+    <div className={`${prefixCls}-body`}>
+      <table className={`${prefixCls}-content`}>
+        <tbody>{rows}</tbody>
+      </table>
+    </div>
   );
 }
 

diff --git a/src/panels/YearPanel/YearBody.tsx b/src/panels/YearPanel/YearBody.tsx
@@ -68,9 +68,11 @@ function YearBody<DateType>({
   }
 
   return (
-    <table>
-      <tbody>{rows}</tbody>
-    </table>
+    <div className={`${prefixCls}-body`}>
+      <table className={`${prefixCls}-content`}>
+        <tbody>{rows}</tbody>
+      </table>
+    </div>
   );
 }