Jquery 需要更改jqgrid的位置

我必须将jqgrid放置在不同的位置，而不是默认的左上角位置。我尝试了一些方法，但没有成功。我已经在这里包括了我的代码。。请检查一下，给我一个解决方案

这是html代码：

<div>
    <table id="table" style="border-spacing: 7px 7px; margin-left: 5px">
        <tr>
            <td>
                <input style="margin-left: 10px;" type="button" value="Add" id="btn_addusers" />
            </td>
        </tr>
    </table>
    <table id="users_grid" style="left: 300px">
    </table>
</div>

这是我的js代码：

$(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 <= mydata.length; i++)
            $("#users_grid").jqGrid('addRowData', i + 1, mydata[i]);

    });
});

$（文档）.ready（函数（）{
$（“#btn_addusers”）。单击（函数（）{
$（“#用户_网格”）.clearGridData（true）.trigger（“重新加载网格”）；
$（“用户网格”）.jqGrid({
数据类型：“本地”，
高度：“自动”，
宽度：“自动”，
colNames:['User ID'，'User Name']，
colModel：[
{name:'userid'，宽度：60}，
{name:'username'，宽度：120}
],
标题：“私人空间中的用户”
});
var mydata=[
{userid:“312171”，username:“D，Gnana Xavier”}，
{用户名：“311763”，用户名：“Sangeetha”}，
{用户名：“312185”，用户名：“Amrutha”}，
{userid:“312186”，username:“Ramesh”}
];
对于（var i=0；ijqGrid在table元素上创建了许多额外的外部div。因此，您应该将
元素放在
的内部，并且可以使用外部div的样式来更改表的位置。例如

<div style="margin-left: 300px">
    <table id="users_grid"></table>
</div>


jqGrid在table元素上创建了许多额外的外部div。因此，您应该将
元素放在
的内部，并且可以使用外部div的样式来更改表的位置。例如

<div style="margin-left: 300px">
    <table id="users_grid"></table>
</div>

好的，正如@aristos所建议的。我正在解释我的答案。

用户位置=div中的相对位置，如下所示

<div style="position:relative;">
    <table id="table" style="border-spacing: 7px 7px; margin-left: 5px">
       <tr>
          <td>
            <input style="margin-left: 10px;" type="button" value="Add" id="btn_addusers" />
          </td>
       </tr>
     </table>
    <table id="users_grid" style="left: 300px;position:absolute!important;">
    </table>
</div>



注意

如果父容器的位置是相对的，则位置：相对的
并且内容的位置是绝对的，然后它可以在容器中移动。

现在您可以使用left和topattribute移动表格。

但它不会超出div的范围。
正如@aristos所建议的那样。我正试图解释我的答案。

用户位置=div中的相对位置，如下所示

<div style="position:relative;">
    <table id="table" style="border-spacing: 7px 7px; margin-left: 5px">
       <tr>
          <td>
            <input style="margin-left: 10px;" type="button" value="Add" id="btn_addusers" />
          </td>
       </tr>
     </table>
    <table id="users_grid" style="left: 300px;position:absolute!important;">
    </table>
</div>



注意

如果父容器的位置是相对的，则位置：相对的
并且内容的位置是绝对的，然后它可以在容器中移动。

现在您可以使用left和topattribute移动表格。

但是它不会超出div的范围。
@ShekharKumar:common
元素的情况下，您的建议会起作用，但是jqGrid会修改它，并将
作为另一个具有
位置：相对；
的外部div的子级。因此，
位置：绝对
的使用将遵循内容（主体）完全看不到表的内容。因此，您的建议在使用jqGrid的上下文中不起作用。@ShekharKumar:您的建议在公共
元素的情况下起作用，但jqGrid对其进行修改，并将
放置为另一个具有
位置：relative；
的外部div的子级。因此，使用
p位置：绝对
将跟随内容（正文）完全看不到表的内容。因此，您的建议在使用jqGrid时不起作用。我不建议您使用
addRowData
。这是填充网格最慢的方法。相反，您应该在创建网格和添加
data:mydata
和
grid之前移动
mydata
数组的定义视图：jqGrid选项为true
。此外，我建议您将
id
属性添加到
mydata
的每个项目中。
id
属性将用作
元素（行）的
id
关于网格。@Oleg谢谢你的建议。。这确实是一个有用的信息。。以后将避免。@Oleg我需要另一个与jqgrid相关的帮助。。你能检查一下吗？对不起，我不太明白你想做什么。例如，你可以使用将行添加到网格中。或者，你可以使用
navGr将导航器添加到网格中id
和
InlineAV
。在这种情况下，您可以实现“添加”按钮集成在jqGrid中。@Oleg，如您在前面的评论中所述，以避免使用addRowData。.就是这样，我不建议您使用
addRowData
。这是填充网格最慢的方法。相反，您应该在创建网格和添加
data:mydata之前移动
mydata
数组的定义
和
gridview:true
到jqGrid选项。此外，我建议您将
id
属性添加到
mydata
的每个项目中。
id
属性将用作
元素（行）的
id
关于网格。@Oleg谢谢你的建议。。这确实是一个有用的信息。。以后将避免。@Oleg我需要另一个与jqgrid相关的帮助。。你能检查一下吗？对不起，我不太明白你想做什么。例如，你可以使用将行添加到网格中。或者，你可以使用
navGr将导航器添加到网格中id
和
InlineAV
。在这种情况下，您可以实现集成在jqGrid中的“添加”按钮。@Oleg，如您在前面的评论中所述，以避免使用addRowData。.就是这样，我尝试过了。我需要另一个与jqGrid相关的帮助。.您能检查一下吗？我需要另一个与jqGrid相关的帮助。.您能检查一下吗