jQuery EasyUI Data Grid - Erstellen von Fußzeilen Zusammenfassung
In diesem Tutorial zeigen wir Ihnen, wie Sie zusammenfassende Informationen Fußzeilenzeile im Datengitter (Datagrid) angezeigt werden soll.
Um die Fußzeile angezeigt werden, sollten Sie Showfooter Eigenschaft wahr ist, dann bereiten definiert in den Datenraster (Datagrid) Daten Fußzeilen gesetzt. Das folgende ist eine Beispieldaten:
{ "Total": 1, "Zeilen": [{ "id": 1, "name": "Chai", "Preis": 18.00}] "Fußzeile": [{ "name": "Total", " Preis ": 18.00}]}
Erstellen eines 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> <Th Feld = "name" width = "80"> Produkt </ th> <Th field = "Preis" width = "40" align = "right"> Einheitspreis </ th> </ Tr> </ Thead> </ Table>
Footer Reihen von Daten die gleiche angezeigt, so dass Sie in der Fußzeile mehr als eine zusammenfassende Informationen angezeigt werden soll.