EasyUI Forum
May 03, 2024, 03:17:50 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Columns width  (Read 3808 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: September 04, 2018, 12:07:46 PM »

Hello
I have datagrid with 5 columns. Datagrid should be used on Desktop and Mobile devices.
What I need is this:
if screensize is bigger then 1000px, columns need to be resized to fill empty area (please see right side on attached image).
If screen is smaller then 1000px, columns should not be resized.
How to do that, please?
« Last Edit: September 04, 2018, 09:43:07 PM by Pierre » Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #1 on: September 04, 2018, 06:45:46 PM »

Set 'fitColumns' property to true and then call 'fitColumns' method. The datagrid will fit the grid width. Please try this code:
Code:
var width = $(window).width();
if (width>1000){
var dg = $(target);
var opts = dg.datagrid('options');
opts.fitColumns = true;
dg.datagrid('fitColumns');
}
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: September 04, 2018, 09:42:51 PM »

Awesome, thank you so much.
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!