shlomiassaf / ngrid

A angular grid for the enterprise

Home Page:https://shlomiassaf.github.io/ngrid

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Allow positioning the paginator in the "outer top" section above the grid

jcachat opened this issue · comments

I would like to be able to position the paginator above the grid. Preferably inside the "outer top" section.

The reason for this is that our UI design calls for filters and action buttons in the top-left with the paginator (on the same row) to the right. Then the grid positioned below.

I had expected to be able to do this by adding the paginator like this:

<pbl-ngrid [dataSource]="ds" [columns]="columns" usePagination>
    <div *pblNgridOuterSection="'top'" style="display:flex">
        <div style="flex-grow:1">
            filter and action buttons go here
        </div>
        <pbl-ngrid-paginator *pblNgridPaginatorRef="let grid" [grid]="grid" [paginator]="grid.ds.paginator"></pbl-ngrid-paginator>
    </div>
</pbl-ngrid>

But doing that still results in it being added to the projected content below the grid.