Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
jcachat opened this issue Nov 14, 2022 · 0 comments
Open

Comments

@jcachat
Copy link

jcachat commented Nov 14, 2022

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant