chore(ui): add padding to table's th and td

Author: xiejay97

packages/ui/src/components/table/demos/6.Expand.md

@@ -67,7 +67,7 @@ export default function Demo() {
               </tr>
               {expand.has(data.name) && (
                 <tr>
-                  <DTable.Td colSpan={5}>Some extra content...</DTable.Td>
+                  <td colSpan={5}>Some extra content...</td>
                 </tr>
               )}
             </React.Fragment>

packages/ui/src/components/table/demos/7.Nested.md

@@ -88,13 +88,9 @@ export default function Demo() {
               </tr>
               {expand.has(data.name) && (
                 <tr>
-                  <DTable.Td
-                    style={{ padding: '0 0 0 60px', backgroundColor: 'var(--rd-background-color-light-gray)' }}
-                    colSpan={5}
-                    dNowrap
-                  >
+                  <td style={{ padding: '0 0 0 60px', backgroundColor: 'var(--rd-background-color-light-gray)' }} colSpan={5}>
                     {nestedTable}
-                  </DTable.Td>
+                  </td>
                 </tr>
               )}
             </React.Fragment>

packages/ui/src/styles/components/table.scss

@@ -27,11 +27,13 @@ $table-filter-option-height: 32px;
   }
 
   th {
+    padding: var(--#{$rd-prefix}table-padding-size);
     font-weight: 500;
     background-color: var(--#{$rd-prefix}background-color-light-gray);
   }
 
   td {
+    padding: var(--#{$rd-prefix}table-padding-size);
     background-color: var(--#{$rd-prefix}background-color);
     border-bottom: 1px solid var(--#{$rd-prefix}table-border-color);
   }
@@ -84,7 +86,6 @@ $table-filter-option-height: 32px;
 
   @include e(cell) {
     position: relative;
-    padding: var(--#{$rd-prefix}table-padding-size);
 
     @include m(fixed-left) {
       &::before {