Guriddo » aka's Replies

aka

Guriddo

Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)

Author

Replies

June 20, 2018 at 11:41 am in reply to: A horizontal scroll bar on jqGrid 5.2.1 does not disappear. #126899

aka

Participant

Thank you for incorporating fixes.

This issue becomes solved with this.

June 20, 2018 at 2:22 am in reply to: A horizontal scroll bar on jqGrid 5.2.1 does not disappear. #126894

aka

Participant

Thank you for your reply.

I put the file in another uploader.

Please download from here.

If the language of the download page is not English, please select English by language selection in the upper right of the screen.

There should be a download button under the file name (jqGridScrollSample.zip).

June 19, 2018 at 3:34 am in reply to: A horizontal scroll bar on jqGrid 5.2.1 does not disappear. #126888

aka

Participant

Thank you for your reply.

I made a working example.

Since I uploaded it here, please check the operation.

upload file expiration date: 2018/06/19 10:25 – 2018/06/22 10:25

June 15, 2018 at 5:45 am in reply to: A horizontal scroll bar on jqGrid 5.2.1 does not disappear. #126868

aka

Participant

Thank you for your reply.

I investigated about this phenomenon again.

As a result, it turned out that it occurred with the following mechanism.

We apologize for the inclusion of information that we were missing in the system

CSS created to act on jqGrid

In order to display the vertical scroll bar at all times on jqGrid, the following CSS is created.

/ * body * /
.ui-jqgrid .ui-jqgrid-bdiv {
overflow-y: scroll;
}

/ * body * /

.ui-jqgrid .ui-jqgrid-bdiv {

overflow-y: scroll;

}

With the above CSS, the vertical scroll is always displayed
When the number of lines is small in this state (vertical scrolling is inactive)

The following conditions are not satisfied and the vertical scroll width is not subtracted.

if($($t.grid.bDiv)[0].clientHeight &lt; $($t.grid.bDiv)[0].scrollHeight || $t.rows.length === 1){
hs = true;
aw -= scw;
}

if($($t.grid.bDiv)[0].clientHeight < $($t.grid.bDiv)[0].scrollHeight || $t.rows.length === 1){

hs = true;

aw -= scw;

}

If the above code is set as follows, the phenomenon will not occur.

if($($t.grid.bDiv)[0].clientHeight &lt; $($t.grid.bDiv)[0].scrollHeight || $t.rows.length === 1 || $($t.grid.bDiv).css(&#039;overflow-y&#039;) === &#039;scroll&#039;){
hs = true;
aw -= scw;
}

if($($t.grid.bDiv)[0].clientHeight < $($t.grid.bDiv)[0].scrollHeight || $t.rows.length === 1 || $($t.grid.bDiv).css('overflow-y') === 'scroll'){

hs = true;

aw -= scw;

}

Should I implement this fix on my own?
Or can you officially respond?

Also, please let me know if there are other good ways.

This reply was modified 7 years, 11 months ago by aka.

June 14, 2018 at 7:17 am in reply to: A horizontal scroll bar on jqGrid 5.2.1 does not disappear. #126852

aka

Participant

Thank you for your reply.

The CSS framework uses Bootstrap v3.3.7.

June 13, 2018 at 10:24 am in reply to: A horizontal scroll bar on jqGrid 5.2.1 does not disappear. #126847

aka

Participant

Additional notes:
The phenomenon occurs when the vertical scroll bar is inactive.

Author

Replies

Viewing 6 replies - 1 through 6 (of 6 total)