ZKX's LAB

esayui 列水平滑动 easyui window随滚动条滚动

2021-04-23知识5

easyui datagrid列很多,当没有查询到数据时不会出现横向滚动条 可以在onLoadSuccess 事件中添加下面一句js(this).prev(\".datagrid-view2\").children(\".datagrid-body\").html(\"$(this).prev(\".datagrid-view2\").find(\".datagrid-header-row\").width()+\"px;border:solid 0px;height:1px;'>;<;/div>;\");

easyui如何实现冻结列(垂直滑动时) 了冻结列,您需要定义 frozenColumns 属性。frozenColumn 属性和 columns 属性一样。('#tt').datagrid({ title:'Frozen Columns',iconCls:'icon-save',width:500,height:250,url:'data/datagrid_data.json',frozenColumns:[[{field:'itemid',title:'Item ID',width:80},{field:'productid',title:'Product ID',width:80},]],columns:[[{field:'listprice',title:'List Price',width:80,align:'right'},{field:'unitcost',title:'Unit Cost',width:80,align:'right'},{field:'attr1',title:'Attribute',width:100},{field:'status',title:'Status',width:60}]]});您不需要写任何的 javascript 代码,这样您就能创建一个数据网格(datagrid)组件,如下所示:height:250px\"url=\"data/datagrid_data.json\"singleSelect=\"true\"iconCls=\"icon-save\">;<;thead frozen=\"true\">;<;tr>;<;th field=\"itemid\" width=\"80\">;Item ID<;/th>;<;th field=\"productid\"width=\"80\">;Product ID<;/th>;<;/tr>;<;/thead>;<;thead>;<;tr>;<;th field=\"listprice\"width=\"80\"align=\"right\">;List Price<;/th>;<;th field=\"unitcost\"width=\"80\"align=\"right\">;Unit Cost<;/th>;<;th field=\"attr1\"width=\"150\">;Attribute<;/th>;。

怎么给easyui中的datagrid加水平滚动条 你好你别加fitColumns属性 就会有水平滚动吧希望回答对你对你有所帮助

#esayui 列水平滑动

随机阅读

qrcode
访问手机版