jQuery EasyUI ตารางข้อมูล - การสร้างการรวมกันของคอลัมน์
ตารางข้อมูล easyui (DataGrid) สามารถสร้างการรวมกันของคอลัมน์ดังต่อไปนี้:
ในตัวอย่างนี้เราจะใช้ข้อมูลเพื่อเติมตารางข้อมูลเครื่องบิน (DataGrid) ข้อมูลและ listprice, unitcost, addr1 รวมสถานะของคอลัมน์ในคอลัมน์เดียว
เพื่อที่จะสร้างการรวมกันของคอลัมน์ที่คุณควรกำหนดคอลัมน์ข้อมูลตาราง (DataGrid) ปลั๊กอิน องค์ประกอบของคอลัมน์แต่ละคนคือการกำหนดชุดของ rowspan ใช้หรือแอตทริบิวต์ colspan มือถือรวมกัน
รหัสต่อไปนี้เพื่อให้บรรลุตัวอย่างข้างต้น:
<table id = "TT" title = "กลุ่มคอลัมน์" class = "easyui-DataGrid" style = "width: 550px; ความสูง: 250px" url = "ข้อมูล / datagrid_data.json" singleSelect = "true" iconCls = "ไอคอนบันทึก" rownumbers = "true"> <thead> <tr> <Th rowspan = ฟิลด์ที่ "2" = "Itemid" width = "80"> รหัสรายการ </ TH> <Th rowspan = "2" ข้อมูล = "ProductID" width = "80"> รหัสสินค้า </ TH> <Th colspan = "4"> สินค้ารายละเอียด </ TH> </ tr> <tr> <Th ฟิลด์ = "listprice" width = "80" align = "สิทธิ"> ราคา </ TH> <ฟิลด์ Th = "unitcost" width = "80" align = "สิทธิ"> ต้นทุนต่อหน่วย </ TH> <Th ฟิลด์ = "ATTR1" width = "100"> แอตทริบิวต์ </ TH> <ฟิลด์ Th = "สถานะ" width = "60" align = "center"> สมรส </ TH> </ tr> </ thead> </ table>