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?

score 9 · Answer 1 · answered Jun 28 '12 at 08:59

9

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

answered Jun 28 '12 at 08:59

Pankaj Shinde

3,361
2
35
44

score 4 · Accepted Answer · answered Sep 08 '09 at 20:18

4

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.

answered Sep 08 '09 at 20:18

Craig Stuntz

125,891
12
252
273

score 2 · Answer 3 · answered Dec 30 '10 at 06:17

2

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

answered Dec 30 '10 at 06:17

Corey Schomer

21
1

score 1 · Answer 4 · answered Jan 12 '11 at 12:23

1

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

Thanks, Corey Schomer!

answered Jan 12 '11 at 12:23

Serg

11
1

score 0 · Answer 5 · answered Apr 27 '13 at 14:27

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

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

5 Answers5

Linked