✨(component): 新增 table 组件 totalRowMethod 属性, 并修复一些问题

package/component/src/component/table/index.vue

@@ -609,15 +609,23 @@ const renderTotalRowCell = (column: any) => {
     if (column.totalRow != true) {
       return column.totalRow;
     } else {
-      let total = 0;
-      tableDataSource.value.forEach((item) => {
-        total = total + Number(item[column.key]);
-      });
-      return total;
+      if (column.totalRowMethod) {
+        return column.totalRowMethod(column, tableDataSource.value);
+      } else {
+        return totalRowMethod(column, tableDataSource.value);
+      }
     }
   }
 };
 
+const totalRowMethod = (column: any, dataSource: any[]) => {
+  let total = 0;
+  dataSource.forEach((item) => {
+    total = total + Number(item[column.key]);
+  });
+  return total;
+};
+
 onBeforeUnmount(() => {
   window.onresize = null;
 });
@@ -707,18 +715,10 @@ onBeforeUnmount(() => {
                         class="layui-table-cell"
                         :class="[
                           renderFixedClassName(column, columnIndex),
-                          column.fixed
-                            ? `layui-table-fixed-${column.fixed}`
-                            : '',
-                          column.type == 'checkbox'
-                            ? 'layui-table-cell-checkbox'
-                            : '',
-                          column.type == 'radio'
-                            ? 'layui-table-cell-radio'
-                            : '',
-                          column.type == 'number'
-                            ? 'layui-table-cell-number'
-                            : '',
+                          column.fixed ? `layui-table-fixed-${column.fixed}` : '',
+                          column.type == 'checkbox' ? 'layui-table-cell-checkbox' : '',
+                          column.type == 'radio' ? 'layui-table-cell-radio' : '',
+                          column.type == 'number' ? 'layui-table-cell-number' : '',
                         ]"
                         :style="[
                           {
@@ -843,7 +843,23 @@ onBeforeUnmount(() => {
                   :key="columnIndex"
                 >
                   <template v-if="tableColumnKeys.includes(column.key)">
-                    <td>{{ renderTotalRowCell(column) }}</td>
+                    <td
+                      :style="[
+                        {
+                          textAlign: column.align,
+                          whiteSpace: column.ellipsisTooltip
+                            ? 'nowrap'
+                            : 'normal',
+                        },
+                        renderFixedStyle(column, columnIndex),
+                      ]"
+                      :class="[
+                        'layui-table-cell',
+                        renderFixedClassName(column, columnIndex),
+                        column.fixed ? `layui-table-fixed-${column.fixed}` : '',
+                      ]"
+                      v-html="renderTotalRowCell(column)"
+                    ></td>
                   </template>
                 </template>
               </tr>

package/document-component/src/document/zh-CN/components/table.md

@@ -1057,8 +1057,7 @@ export default {
       },{
         title:"年龄",
         width: "300px",
-        key:"age",
-        totalRow: true
+        key:"age"
       },{
         title:"备注",
         width: "180px",
@@ -1459,6 +1458,10 @@ export default {
         width: "300px",
         key:"age",
         ellipsisTooltip: true,
+        totalRow: true,
+        totalRowMethod: (currentColumn, dataSource) => {
+          return "<span style='color:red'>自定义统计</span>";
+        }
       },
       {
         title:"备注",