raport
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Group Rows in DataGrid - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css"> <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script> <script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="https://www.jeasyui.com/easyui/datagrid-groupview.js"></script></head><body> <h2>Data Control</h2> <div style="margin-bottom:10px"> <p>TRIEVILLA.</p> </div> <table class="easyui-datagrid" title="Group Rows in DataGrid" style="width:600px;height:550px" data-options=" singleSelect:true, collapsible:true, rownumbers:true, fitColumns:true, data:data, view:groupview, groupField:'productid', groupFormatter:function(value,rows){ return value + ' - ' + rows.length + ' Item(s)'; } "> <thead> <tr> <th data-options="field:'itemid',width:80">Name ID</th> <th data-options="field:'productid',width:100"> Product</th> <th data-options="field:'listprice',width:80,align:'right'">List Price</th> <th data-options="field:'unitcost',width:90,align:'right'">Total Day</th> <th data-options="field:'attr1',width:90,align:'center'">Check In</th> <th data-options="field:'status',width:90,align:'center'">Chek Out</th> <th data-options="field:'Keterangan',width:90,align:'center'">Status</th> </tr> </thead> </table> <script type="text/javascript"> var data = [ {"productid":"Floor-SW-01","productname":"Koi","unitcost":10,"status":"12-6-2019","listprice":36.50,"attr1":"2-6-2019","itemid":"TRV-1","Keterangan":"Available"}, {"productid":"Robert-DL-01","productname":"Dalmation","unitcost":12.00,"status":"26-6-2019","listprice":18.50,"attr1":"14-6-2019","itemid":"TRV-10","Keterangan":"Reserve"}, {"productid":"Marteen-FL-01","productname":"Dalmation","unitcost":15,"status":"11-7-2019","listprice":50,"attr1":"27-6-2019","itemid":"TRV-10","Keterangan":"Available"}, {"productid":"Floor-SW-01","productname":"Koi","unitcost":5,"status":"19-7-2019","listprice":36.50,"attr1":"14-7-2019","itemid":"TRV-1","Keterangan":"Available"}, {"productid":"Marteen-FL-01","productname":"Dalmation","unitcost":8,"status":"28-7-2019","listprice":50,"attr1":"20-7-2019","itemid":"TRV-10","Keterangan":"Available"} ]; </script></body></html>