EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
September 14, 2025, 03:33:47 AM
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
>
General Discussion
>
How to set datagrid's PANEL Height to 100% without effecting width ?
Pages: [
1
]
« previous
next »
Print
Author
Topic: How to set datagrid's PANEL Height to 100% without effecting width ? (Read 13086 times)
Jonny
Newbie
Posts: 38
How to set datagrid's PANEL Height to 100% without effecting width ?
«
on:
October 04, 2015, 09:31:36 AM »
Hello Sir/Madam,
I am trying to fill a page with about 3-4 datagrid,
Unfortunately I can't achieve by using general way like this:
<table id="dg" class="easyui-datagrid" style="height:300px" url="GETDATA.PHP" fit="true" >
This will make the datagrid fulfill width and height..
What I need is only auto height....
I want to set the width manually, maybe set each of them about = 300px ~ 400 px
Please help..
Thanks in advanced.
Regards,
JONNY
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: How to set datagrid's PANEL Height to 100% without effecting width ?
«
Reply #1 on:
October 05, 2015, 01:58:37 AM »
You can set '100%' height with fixed width.
Code:
<table id="dg" class="easyui-datagrid" style="width:300px;height:100%" url="GETDATA.PHP">
...
</table>
Logged
Jonny
Newbie
Posts: 38
Re: How to set datagrid's PANEL Height to 100% without effecting width ?
«
Reply #2 on:
October 05, 2015, 02:21:01 AM »
Thank you very much Sir...
Problem solved by removing --> fit="true" and adding style="width:300px;height:100%"
Very Glad when receiving response from you.. that means problem cleared...
Regards,
Jonny
«
Last Edit: October 05, 2015, 02:25:05 AM by Jonny
»
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...