EasyUI Forum
May 08, 2024, 12:16:03 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: Datagrid horizontal scrolling for many columns (fitColumns:true)  (Read 21910 times)
rob
Newbie
*
Posts: 8


View Profile
« on: February 27, 2014, 11:39:06 PM »

I have a datagrid with lots of columns using fit:true and fitColumns:true to fill the entire available space and prevent horizontal scrolling.
See http://www.jeasyui.com/forum/index.php?topic=2947.msg6525#msg6525 for details - I am using auto-width columns and a fixed width (empty) last column to workaround another issue and I am using noWrap:true (otherwise content is wrapped even when there is enough space).
When there are to many columns to display and the autosized content doesn't fit, my expectation would have been that the datagrid DOES show a horizontal scrollbar - or at least shrinks the width of the columns so much, that all of them fit in the available spae. Otherwise there is no way to get to see the last columns. Well, it doesn't  Roll Eyes. The last columns are hidden from view (looks like overflow = hidden).
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: February 28, 2014, 02:24:10 AM »

Please try to use the updated datagrid plugin. It can be downloaded from http://www.jeasyui.com/easyui/plugins/jquery.datagrid.js
Logged
rob
Newbie
*
Posts: 8


View Profile
« Reply #2 on: February 28, 2014, 03:58:57 AM »

Hm, sadly that doesn't seem to work.
I created a fiddle, please have a look at http://jsfiddle.net/3s3MQ/.
It already includes your fixed datagrid, but there are some errors on the console when I run it.
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 on: February 28, 2014, 05:18:21 AM »

Please try this http://jsfiddle.net/3s3MQ/1/
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!