欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

easyui根據json復雜表頭

林子帆2年前8瀏覽0評論

EasyUI是一款基于jQuery的UI插件庫,提供了豐富的UI組件和易于使用的API,可以輕松地創建現代化的Web應用程序。其中,EasyUI的datagrid組件是常用的數據表格組件,支持排序、分頁、滾動等功能。本文將介紹如何使用EasyUI根據JSON復雜表頭。

復雜表頭是指表格的列和行交織在一起,形成了類似于Excel的表格。EasyUI通過設置columns屬性和frozenColumns屬性來實現復雜表頭功能。其中,columns屬性是表格的主要列,frozenColumns屬性是固定在表格左邊的列。

$(function(){
$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'itemid',title:'Item ID',rowspan:2},
{field:'productid',title:'Product ID',rowspan:2},
{field:'listprice',title:'List Price',colspan:2},
{field:'unitcost',title:'Unit Cost',colspan:2},
{field:'attr1',title:'Attribute',rowspan:2},
{field:'status',title:'Status',rowspan:2}
],[
{field:'listprice',title:'List Price1',align:'right',width:100},
{field:'listprice',title:'List Price2',align:'right',width:100},
{field:'unitcost',title:'Unit Cost1',align:'right',width:100},
{field:'unitcost',title:'Unit Cost2',align:'right',width:100}
]]
});
});

以上代碼中,columns屬性設置了表格的主要列。其中,rowspan表示該列占據的行數,colspan表示該列占據的列數。frozenColumns屬性可以設置表格的固定列,例如:

frozenColumns:[[
{field:'itemid',title:'Item ID'}
]],

通過設置以上代碼,可以將表格的第一列(itemid)固定在左側位置。

總之,EasyUI提供了豐富的功能和易用的API,可以輕松地實現復雜表頭的功能。開發人員可以根據自己的需求靈活使用EasyUI的API來創建自己喜歡的表格。