Navigation buttons on my grid not showing.

The navigation buttons are not showing on my grid.

This line of code that I have:

contactsGrid.enablePaging(true, 4, 3, “pagingArea” + ind, true);

Does cause only 4 records to be returned in the grid BUT I don’t have the navigation options to look at the rest of the returned records.

This is the entire code:

initGrid(“1”, “dhx_skyblue”); – this gets run when the page is loaded


function initGrid(ind, skin) {

        contactsGrid = layout.cells("a").attachGrid();
        //contactsGrid.setImagePath("codebase/imgs/");
        contactsGrid.setHeader("Name,Email,SomeIntegerfield,BirthDate");
        contactsGrid.setInitWidths("150,150,100,400,*");
        contactsGrid.setColAlign("left,left,left, left");
        contactsGrid.setColTypes("ro,txt,ed,dhxCalendar");
        contactsGrid.setColSorting("str,str,int,date");
        contactsGrid.setSkin(skin);

       contactsGrid.enablePaging(true, 4, 3, "pagingArea" + ind, true);
       contactsGrid.setPagingSkin("bricks");

       contactsGrid.setPagingSkin("toolbar", "dhx_skyblue");

        contactsGrid.init();

        contactsGrid.attachHeader("#text_filter,#text_filter,#numeric_filter,#calendar_filter");
        contactsGrid.loadXMLString(xmlContactsGrid);}

In my Body I do this:

    </td>
</tr>
<tr>
    <td id="pagingArea"></td>
</tr>

Your grid is attached to the layout cell. But what about paging container?
You should attach the paging container to the layout’s cell too.
The easiest way is to attach it to the status bar. Here is the article about the feature:
http://docs.dhtmlx.com/doku.php?id=dhtmlxgrid:paging#attaching_toolbar_to_status