Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQGrid How do I removed the annoying horizontal scrollbar when autowidth = true? (In IE)

I seem to be getting an annoying horizontal scrollbar when using autowidth=true in IE

What is going on here and how do I get rid of it?

Annoying horizontal scrollbar

like image 346
Jon Erickson Avatar asked Sep 08 '09 19:09

Jon Erickson


3 Answers

I got perfect Solution. The problem is in CSS. In ui-jqgrid.css the table layout is in Fixed. Make it as auto it will work perfectly. I just copied the same class i.e.,

.ui-jqgrid .ui-jqgrid-btable
{
  table-layout:auto;
} 
like image 131
Pankaj Shinde Avatar answered Nov 15 '22 05:11

Pankaj Shinde


Make your grid tall enough to contain all the rows. The horizontal scrollbar is there because the vertical scrollbar is taking up some of the width normally used by the rows.

like image 44
Craig Stuntz Avatar answered Nov 15 '22 07:11

Craig Stuntz


Set the scrollOffset option to something like 20 - 30, this will fix the horizontal scrollbar adjustment problem.

like image 34
Corey Schomer Avatar answered Nov 15 '22 05:11

Corey Schomer