1. Rumah
  2. jQuery EasyUI data Grid - Membuat Ringkasan footer

Tutorial jQuery EasyUI data Grid - Membuat Ringkasan footer Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Ambil jQuery EasyUI contoh,

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.

Ambil jQuery EasyUI contoh

jeasyui-datagrid-datagrid17.zip

Tutorial Panas

Hubungi kami

jQuery EasyUI data Grid - Membuat Ringkasan footer
10/30