Layui value calculated by the total load of

 table.render({
        even: 'true',
        elem: '#test',
        id: 'PrivateCarUtilityTable',
        url: '/VehicleManagement/GetPrivateCarUtilityDB', //数据接口
        page: true,
        totalRow: true,
        where: {
            UserId: $("#UserId option:selected").val(),
            start: $("[name='start']").h ()
            End: $ ( " [name = 'End'] " ) .val (), 
        }, 
        DONE: function (RES) { 
            var SumMileage = 0 ; // the balances of statistical 
            var Sumkilometers = 0 ; 
            layui.each (RES. Data, function (index, D) { 
                // car starts total 
                var NUM = Number The (d.Displacement);
                 var kilometers = d.Endkilometers - d.Strartkilometers;
                 var SUM = 0 ;
                 IF (NUM < 1.8 ) { 
                    SUM = (0.8 * kilometers); 
                } the else { 
                    SUM = ( 1.2 * kilometers); 
                } 
                SumMileage + = SUM;
                // end cars total
                 // total number of kilometers start 
                Sumkilometers + = kilometers;
                 // End of the total number of kilometers 

            }) 

            the this .elem . .next () Find ( ' .layui Table-Total-TD [Data-Field = "the TotalPrice"] Table-Cell-.layui ' ) .text (SumMileage);
             the this . .elem.next () Find ( 'Table TD-Total-.layui [Data-Field = "Sumkilometers"] Table-Cell-.layui ' ) .text (Sumkilometers); 
        }, 
        COUNT: 50 , 
        Request: { 
            the pageName: ' offset '  // page parameter name default: Page 
            , limitName: ' limit '  // page data amount parameter name default: limit 
        }, 
        cols: contractCols, 
        cellMinWidth: 120 
    });

View Code

 1 var contractCols = [[
 2     {
 3         checkbox: true,
 4        
 5     },
 6     {
 7         align: 'center', type: "numbers",
 8         title: '序号',  totalRowText: '合计',
 9     }, {
10         align: 'center', field: 'Date',
11         title: ' date ' , Sort: to true ,
 12 is      },
 13 is      {
 14          align = left: ' Center ' , Field: ' ProjectName ' ,
 15          title: ' use ' ,
 16      },
 . 17      {
 18 is          align = left: ' Center ' , Field: ' the UserId ' ,
 . 19          title: ' applicant ' ,
 20         templet: function (d) {
21             return AllTById(AllUsers, d.UserId,"UserName");//[0]
22         }, sort: true,
23     },
24     {
25         align: 'center', field: 'UserId',
26         title: '部门',
27         templet: function (d) {
28             var id = AllTById(AllUsers, d.UserId, "DepartmentId");//[0]
29             return AllvnameById(GetAllDepartment,"DepartmentId", id, "DepartmentName");//[0]
30         }, sort: true,
31     },
32     {
33         align: 'center', field: 'LicensePlateNumber',
34         title: '车牌号',
35     },
36     {
37         align: 'Center ' , Field: ' Displacement ' ,
 38 is          title: ' displacement ' 
39      },
 40      {
 41 is          align = left: ' Center ' , Field: " Parking " ,
 42 is          title: ' tolls / parking ' 
43      },
 44      {
 45          align = left: ' Center ' , Field: ' Strartkilometers ' ,
 46 is          title:'Start mileage ' , Sort: to true ,
 47      },
 48      {
 49          align = left: ' Center ' , Field: ' Endkilometers ' ,
 50          title: ' termination few kilometers ' 
51 is      },
 52 is      {
 53 is          align = left: ' Center ' , Field: ' Sumkilometers ' ,
 54 is          title: ' total number of kilometers ' , Templet: function (D) {
 55              return Number(d.Endkilometers) - Number(d.Strartkilometers);
56         }, totalRow: true
57     },
58     {
59         align: 'center', field: 'UnitPrice',
60         title: '单价',
61         templet: function (d) {
62             var num = Number(d.Displacement);
63             if (num < 1.8) {
64                 return 0.8
65             } else {
66                 return 1.2
67             }
68         }
69     },
70     {
71         align: 'center', field: 'TotalPrice',
72         title: '总价'
73         ,templet: function (d) {
74             var num = Number(d.Displacement);
75             var kilometers = d.Endkilometers - d.Strartkilometers;
76             if (num < 1.8) {
77                 return(0.8 * kilometers);
78             } else {
79                 return(1.2 * kilometers);
80             }
81         },totalRow: true
82     },
83     {
84         align: 'center', field: 'Remarks',
85         title: ' 备注', 
86     },
87     {
88         align: 'center', Field: ' State ' ,
 89          title: ' Automotive Gallery ' , Event : ' EvensetSign ' ,
 90          Templet: function (D) {
 91 is              return  " <span style = 'Color: # 1E90FF'> album </ span> " ;
 92          }
 93      },
 94      {align = left: ' Center ' , title: ' operation ' , Toolbar: ' #barDemo ' , Fixed : 'right' },
95 ]];

View Code