I have a web application that uses jqGrid on some of the pages. The pages have the ability to switch to readonly mode based on entitlements. I am using JQuery Block UI for my grids so that the end user cannot edit the grid contents. The problem that I have is that blockui only blocks the visible portion of my div (where jqGrid resides). If the end user scrolls to the right, a portion of the grid becomes unblocked and is editable. Ideally I want the grid to be blocked regardless of scrolling. Is there some kind of workaround that will allow me to block the grid while using horizontal scrolling?