EasyUI Forum
September 13, 2025, 07:34:12 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Responsive DataGrid  (Read 15608 times)
ehussain
Newbie
*
Posts: 16


View Profile Email
« on: September 26, 2014, 02:06:20 AM »

How to make EasyUI datagrid responsive so that it is resized when the browser window's size changes?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: September 26, 2014, 07:32:40 AM »

You can set the datagrid's size in percentage.
Code:
$('#dg').datagrid({
  width: '100%',
  height: '100%'
});
Logged
A-K
Full Member
***
Posts: 122


View Profile WWW
« Reply #2 on: September 26, 2014, 11:37:51 AM »

You could also use this with the datagrid's size in percentage:
Code:
$( window ).resize(function() {
      $('#dg').datagrid('resize');
});


Read more about the window object and his events it in the jQuery documentation.
« Last Edit: September 26, 2014, 11:39:22 AM by A-K » Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!