table后台数据渲染,不满n条时tr补全

html:

 <table style="width:100%;margin-bottom:20px">
     <tr style="height:30px;background-color:#f2f2f2;font-size:12px;font-weight: bold">
         <th style="border:1px solid #e6e6e6;width:10%;">文件来源</th>
         <th style="border:1px solid #e6e6e6;width:10%;">发文机关</th>
         <th style="border: 1px solid #e6e6e6;width: 10%;">发文字号</th>
         <th style="border:1px solid #e6e6e6;width: 10%;">文件类型</th>
         <th style="border: 1px solid #e6e6e6;text-align:center">文件标题</th>
         <th style="border:1px solid #e6e6e6;width: 10%;text-align:center">状态</th>
         <th style="border:1px solid #e6e6e6;width: 10%;text-align:center">时间</th>
     </tr>
     <tr ng-repeat="data in vo.untList" style="height: 30px;font-size:12px">
         <td style="border:1px solid #e6e6e6;width:10%;">{{data.file_source_name}} </td>
         <td style="border:1px solid #e6e6e6;width:10%;">{{data.main_organization_name}}</td>
         <td style="border:1px solid #e6e6e6;width:10%;">{{data.mf_word_number}}</td>
         <td style="border:1px solid #e6e6e6;width:10%;">{{data.file_type_name}}</td>
         <td style="border: 1px solid #e6e6e6;text-align:left">{{data.mf_title}}</td>
         <td style="border: 1px solid #e6e6e6;text-align:center;color: #007bb7" ng-click="vc.click($data,$index)">{{data.stateName}} </td>
         <td style="border: 1px solid #e6e6e6;text-align:center">{{data.d_date.substring(0,10)}}</td>

     </tr>
 </table>

js:

 function Unt() {//单位文件
        $http({
            method: 'GET',
            url: $scope.vo.untApi,
            params: {},
        }).then(function successCallback(response) {

            var arr = response.data.rows;
            if (arr.length > 0) {
                console.log(arr, "arr")
                //将某字段转化
                for (var a = 0; a < arr.length; a++) {
                    if (arr[a].f_state == 0) {
                        arr[a].stateName = "收文"
                    } else if (arr[a].f_state == 10) {
                        arr[a].stateName = "用印"
                    } else if (arr[a].f_state == 20) {
                        arr[a].stateName = "拟办"
                    } else if (arr[a].f_state == 30) {
                        arr[a].stateName = "呈报"
                    } else if (arr[a].f_state == 40) {
                        arr[a].stateName = "批示"
                    } else if (arr[a].f_state == 50) {
                        arr[a].stateName = "分发"
                    } else if (arr[a].f_state == 60) {
                        arr[a].stateName = "阅示"
                    } else if (arr[a].f_state == 65) {
                        arr[a].stateName = "二次分发"
                    }
                }
            }
            //循环补充6条数据
            for (a = arr.length; a < 6; a++) {
                arr.push({
                    "id": "",
                })
            }
            $scope.vo.untList = arr;

        }, function errorCallback(response) {

        });
    }//单位文件

css

table tr:hover td{
    border:2px solid red;
    background-color: #f2f2f2;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值