jQuery EasyUI data Grid - Membuat Ringkasan footer
Dalam tutorial ini, kami akan menunjukkan cara untuk menampilkan ringkasan informasi baris footer di grid data (datagrid).
Untuk menampilkan garis footer, Anda harus mengatur properti showFooter benar, kemudian mempersiapkan didefinisikan dalam data grid (datagrid) baris data footer. Berikut ini adalah data sampel:
{ "Total": 1, "baris": [{ "id": 1, "nama": "Chai", "Harga": 18.00}], "footer": [{ "name": "Total", " harga ": 18.00}]}
Membuat data Grid (datagrid)
<Table id = "tt" title = "DataGrid" class = "easyui-datagrid" style = "width: 400px; height: 250px" url = "data / datagrid17_data.json" fitColumns = "true" rownumbers = "true" showFooter = "true"> <Thead> <Tr> <Bidang Th = "nama" width = "80"> Nama Produk </ th> <Th field = "harga" width = "40" align = "right"> Harga Satuan </ th> </ Tr> </ Thead> </ Table>
Footer baris dan baris data untuk menampilkan yang sama, sehingga Anda dapat menampilkan informasi lebih dari satu ringkasan di footer.