title: Need to change the position of jqgrid
body: <p>I have to place the jqgrid in a different position rather than the default top left position.I have tried something but it doesn't work. I have included my code here.. Plz check that and give me a solution..</p>
  
  <p>This is html code: </p>
  
  <pre><code>&lt;div&gt;
      &lt;table id="table" style="border-spacing: 7px 7px; margin-left: 5px"&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;input style="margin-left: 10px;" type="button" value="Add" id="btn_addusers" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;table id="users_grid" style="left: 300px"&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my js code:</p>
  
  <pre><code>$(document).ready(function() {
      $("#btn_addusers").click(function() {
          $("#users_grid").clearGridData(true).trigger("reloadGrid");
          $("#users_grid").jqGrid({
              datatype: "local",
              height: 'auto',
              width: 'auto',
              colNames: ['User ID', 'User Name'],
              colModel: [
          { name: 'userid', width: 60 },
          { name: 'username', width: 120 }
  
      ],
  
              caption: "Users in Private space"
          });
          var mydata = [
          { userid: "312171", username: "D, Gnana Xavier" },
          { userid: "311763", username: "Sangeetha" },
          { userid: "312185", username: "Amrutha" },
          { userid: "312186", username: "Ramesh" }
          ];
          for (var i = 0; i &lt;= mydata.length; i++)
              $("#users_grid").jqGrid('addRowData', i + 1, mydata[i]);
  
      });
  });
  </code></pre>