fix: table 组件支持rowClassName, fix #14

Author: jinzhan

src/table/table.js

@@ -121,7 +121,8 @@ export default san.defineComponent({
         title: DataTypes.string,
         data: DataTypes.array,
         pagination: DataTypes.oneOfType([DataTypes.bool, DataTypes.object]),
-        locale: DataTypes.object
+        locale: DataTypes.object,
+        rowClassName: DataTypes.func
     },
     initData() {
         return {
@@ -806,6 +807,10 @@ export default san.defineComponent({
         this.initRenderData();
         this.handleChange();
     },
+    getRowClassName(record, index) {
+        const rowClassName = this.data.get('rowClassName');
+        return rowClassName && rowClassName(record, index) || '';
+    },
 
     template: `<div>
         <s-spin spinning="{{loading}}" delay="{{loadingDelay}}">

src/table/tbody.js

@@ -12,15 +12,15 @@ export default {
         <tbody class="${prefixCls}-tbody">
             <template s-for="item, index in renderData" s-if="renderData.length">
             <tr
-                class="${prefixCls}-row"
+                class="${prefixCls}-row {{getRowClassName(item, index)}}"
                 style="display: {{item.level === 0 || item.expanded ? '' : 'none;'}}"
                 on-click="handleRowClick(item)"
             >
                 ${Td.template}
             </tr>
             <tr
                 s-if="hasExpandedRowRender"
-                class="${prefixCls}-expanded-row"
+                class="${prefixCls}-expanded-row {{getRowClassName(item, index)}}"
                 style="display: {{item.expanded ? '' : 'none'}}"
             >
                 <td></td>