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

Question

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?

Demicanton

Answer 1

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.

Taunyataupe

Answer 2

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;
} 

Clougher

Answer 3

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

Macmahon

Answer 4

Set the scrollOffset to 18 - it's solve the problem. Quick and effective.

Thanks, Corey Schomer!

Blackout

Answer 5

setting table-layout: auto could be slow. if you have lots of data

this is from w3school (http://www.w3schools.com/cssref/pr_tab_table-layout.asp)

Automatic table layout algorithm (this is default): The column width is set by the widest unbreakable content in the cells Can be slow, since it needs to read through all the content in the table, before determining the final layout

Aliquant