首页 > 代码库 > easyui-layout完整web界面布局
easyui-layout完整web界面布局
1 < div class = “easyui-layout” style = “width:700px; height:350px;” > 2 < div data-options = “region:‘north‘” style = “height:50px” > </ div > 3 < div data-options = “region:‘south‘,split:true” style = “height:50px;” > </ div > 4 < div data-options = “region:‘east‘,split:true” title = “East” style = “width:180px;” > </ div > 5 < div data-options = “region:‘west‘,split:true” title = “West” style = “width:100px;” > </ div > 6 < div data-options = “region:‘center‘,title:‘Main Title‘,iconCls:‘icon-ok‘” > 7 < table class = “easyui-datagrid” 8 data-options = “url:‘datagrid_data1.json‘,方法:‘get‘,border:false,singleSelect:true,fit:true,fitColumns:true” > 9 < thead > 10 < tr > 11 < th data-options = “field:‘itemid‘” width = “80” > Item ID </ th > 12 < th data-options = “field:‘productid‘” width = “100” > Product ID </ th > 13 < th data-options = “field:‘listprice‘,align:‘right‘” width = “80” > 标价</ th > 14 < th data-options = “field:‘unitcost‘,align:‘right‘” width = “80” > 单位成本</ th > 15 < th data-options = “field:‘attr‘” width = “150” > 属性</ th > 16 < th data-options = “field:‘status‘,align:‘center‘” width = “50” > 状态</ th > 17 </ tr > 18 </ thead > 19 </ table > 20 </ div > 21 </ div >
效果图
easyui-layout完整web界面布局
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。