fix(Table): fix table stripe style error

fix: Tencent#2669
Ali-ovo · Mar 29, 2024 · 61e4f19 · 61e4f19
1 parent 1c1ce39
commit 61e4f19
Show file tree

Hide file tree

Showing 10 changed files with 3,437 additions and 3,414 deletions.
diff --git a/src/table/TBody.tsx b/src/table/TBody.tsx
@@ -137,6 +137,7 @@ export default function TBody(props: TableBodyProps) {
       'rowHeight',
       'scrollType',
     ];
+
     data?.forEach((row, rowIndex) => {
       const trProps = {
         ...pick(props, TABLE_PROPS),
@@ -158,7 +159,12 @@ export default function TBody(props: TableBodyProps) {
       }
 
       const trNode = (
-        <TR key={get(row, props.rowKey || 'id') || rowIndex} {...trProps} onRowMounted={props.handleRowMounted}></TR>
+        <TR
+          key={get(row, props.rowKey || 'id') || rowIndex}
+          {...trProps}
+          onRowMounted={props.handleRowMounted}
+          rowClassName={[trProps.rowClassName, allTableClasses.tableBaseClass.row]}
+        ></TR>
       );
       trNodeList.push(trNode);
 

diff --git a/src/table/__tests__/__snapshots__/pagination.test.tsx.snap b/src/table/__tests__/__snapshots__/pagination.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`BaseTable Pagination > locale data pagination controlled > both pagination.pageSize and pagination.current changed 1`] = `
 NodeList [
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -22,7 +22,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-odd t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -41,7 +41,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -60,7 +60,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-odd t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -77,7 +77,7 @@ NodeList [
     />
   </tr>,
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -101,7 +101,7 @@ NodeList [
 exports[`BaseTable Pagination > locale data pagination controlled > pagination.current changed 1`] = `
 NodeList [
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -120,7 +120,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-odd t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -139,7 +139,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -158,7 +158,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-odd t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -175,7 +175,7 @@ NodeList [
     />
   </tr>,
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -258,7 +258,7 @@ exports[`BaseTable Pagination > locale data pagination controlled > pagination.c
         class="t-table__body"
       >
         <tr
-          class=""
+          class="t-table__row-even t-table__row"
         >
           <td
             class="table-test-column-index"
@@ -277,7 +277,7 @@ exports[`BaseTable Pagination > locale data pagination controlled > pagination.c
           </td>
         </tr>
         <tr
-          class=""
+          class="t-table__row-odd t-table__row"
         >
           <td
             class="table-test-column-index"
@@ -296,7 +296,7 @@ exports[`BaseTable Pagination > locale data pagination controlled > pagination.c
           </td>
         </tr>
         <tr
-          class=""
+          class="t-table__row-even t-table__row"
         >
           <td
             class="table-test-column-index"
@@ -313,7 +313,7 @@ exports[`BaseTable Pagination > locale data pagination controlled > pagination.c
           />
         </tr>
         <tr
-          class=""
+          class="t-table__row-odd t-table__row"
         >
           <td
             class="table-test-column-index"
@@ -332,7 +332,7 @@ exports[`BaseTable Pagination > locale data pagination controlled > pagination.c
           </td>
         </tr>
         <tr
-          class=""
+          class="t-table__row-even t-table__row"
         >
           <td
             class="table-test-column-index"
@@ -535,7 +535,7 @@ exports[`BaseTable Pagination > locale data pagination controlled > pagination.c
 exports[`BaseTable Pagination > locale data pagination controlled > pagination.pageSize changed 1`] = `
 NodeList [
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -554,7 +554,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-odd t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -573,7 +573,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -592,7 +592,7 @@ NodeList [
     </td>
   </tr>,
   <tr
-    class=""
+    class="t-table__row-odd t-table__row"
   >
     <td
       class="table-test-column-index"
@@ -609,7 +609,7 @@ NodeList [
     />
   </tr>,
   <tr
-    class=""
+    class="t-table__row-even t-table__row"
   >
     <td
       class="table-test-column-index"