jQuery EasyUI ตารางข้อมูล - การสร้างสรุปท้าย
ในการกวดวิชานี้เราจะแสดงให้คุณเห็นวิธีการแสดงแถวท้ายข้อมูลสรุปในตารางข้อมูล (DataGrid)
เพื่อแสดงบรรทัดท้ายคุณควรตั้ง showFooter คุณสมบัติเป็นจริงแล้วเตรียมที่กำหนดไว้ในตารางข้อมูล (DataGrid) แถวข้อมูลส่วนท้าย ต่อไปนี้เป็นข้อมูลตัวอย่าง:
{ "รวม": 1, "แถว": [{ "id": 1, "ชื่อ": "ชัย", "ราคา": 18.00}] "ส่วนท้าย": [{ "ชื่อ": "รวม", " ราคา ": 18.00}]}
การสร้างตารางข้อมูล (DataGrid)
<table id = "TT" title = "DataGrid" class = "easyui-DataGrid" style = "width: 400px; ความสูง: 250px" url = "ข้อมูล / datagrid17_data.json" fitColumns = "true" rownumbers = "true" showFooter = "true"> <thead> <tr> <ฟิลด์ Th = "ชื่อ" width = "80"> ชื่อสินค้า </ TH> <Th ฟิลด์ = "ราคา" width = "40" align = "สิทธิ"> ราคาต่อหน่วย </ TH> </ tr> </ thead> </ table>
ส่วนท้ายแถวและแถวของข้อมูลที่จะแสดงเหมือนกันดังนั้นคุณสามารถแสดงข้อมูลสรุปมากกว่าหนึ่งในส่วนท้าย