0

デフォルトの左上の位置ではなく、別の位置に 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]);

    });
});
4

2 に答える 2

3

jqGrid は、テーブル要素に対して多くの追加の外部div を作成します。したがって、<table>要素を内部に配置する必要<div>があり、外側の div のスタイルを使用してテーブルの位置を変更できます。例えば

<div style="margin-left: 300px">
    <table id="users_grid"></table>
</div>
于 2012-11-12T08:22:37.033 に答える
3

@aristosが提案したようにOK。私は自分の答えを説明しようとしています。
次のように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およびtop属性を
使用してテーブルを移動できます。 ただし、divの外には出ません。

于 2012-11-12T08:28:20.130 に答える