define html ListGrid element

[priory]

I’m new to smartclient and I can’t find answer to question in documenatation.
I want to use ListGrid on my page but my main problem is that smartclient prints grid on top of all my html elements.
Is it possible to create grid inside my html DOM element?
For example, I have this grid:

        isc.ListGrid.create({
            ID: "List",
                                           data: Data,
            fields: [
                { name: "Id", title: "Id" },
                { name: "Title", title: "Title" },
                { name: "Requestor.FullName", title: "Requestor" },
                { name: "RequestedDate", title: "RequestedDate",
                                                          formatCellValue: xx1
                                           },
                                                          { name: "Assignee.FullName", title: "Assignee" }
            ],
            showEmptyMessage: true,
            emptyMessage: "<br>Click the <b>Set data</b> button to populate this grid."
        })

And I would like to insert it as ListGride div or replace it

<input type="button" value="Clear" onclick="doSomething();">
              <div style="width: 1030px;">
                             <div id="ListGrid" style="height: 100%; height: 300px;" class="ag-fresh ag-basic"></div>
              </div>
<input type="button" value="Set" onclick="doSomething2();">