jqGrid overlay disabling the rest of my page

Question

I'm having a problem with jqGrid disabling the rest of my page. In other posts it says people forgot to load the specific jqGrid .css but I think I do have that one actually loaded. The grid is styled with a themeroller.

I import the following css

<link rel="stylesheet" href="/src/css/ui.jqgrid.css">
<link rel="stylesheet" href="css/smoothness/jquery-ui-1.10.4.custom.min.css">
<link rel="stylesheet" href="css/main.css">

This all makes it I cant access / click my other controls:

Can anybody tell me what I'm missing? Thanks in advance, Sander

Answer 1

Added: $('#lui_grid').removeClass('ui-widget-overlay jqgrid-overlay'); after the JQGrid initialization. It's fixed now.