EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
December 18, 2025, 03:25:17 PM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
datagrid resize
Pages: [
1
]
« previous
next »
Print
Author
Topic: datagrid resize (Read 19384 times)
crosemffet
Jr. Member
Posts: 68
datagrid resize
«
on:
November 25, 2012, 04:12:47 PM »
I have one collapsible panel with one search form in it.
inside, there's one datagrid, that shows 10 records obtained from the search operation.
the idea is when panel collapse, the datagrid extend its size to show 30 records.
the problem is I can't get the datagrid resize operation.
my code is:
<table class="easyui-datagrid" id="logAgents" style="height:410px" data-options="pageSize:20,fitColumns:true,singleSelect:false,pagination:true,url:'....'">
then:
<div id="sub1" class="easyui-panel" style="width:auto;height:160px;padding:0px 0px 0px 0px;" data-options="collapsible:true,fit:true,iconCls:'icon-save',tools:'#tools',onCollapse:function(){$('#logAgents').datagrid('resize',600);}" title:'xx'>
thanks in advance for your support,
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: datagrid resize
«
Reply #1 on:
November 25, 2012, 11:32:09 PM »
The statement below is illegal.
$('#logAgents').datagrid('resize',600);
To resize the datagrid, the width or height property must be passed to the 'resize' method.
Code:
$('#logAgents').datagrid('resize',{
width: 600
});
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...