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>

Search site

© 2011 Media Hiburan.