ngx-datatable icon indicating copy to clipboard operation
ngx-datatable copied to clipboard

Paging on top of the table

Open trsh opened this issue 7 years ago • 7 comments

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[x] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior Paging is added only in footer.

Expected behavior I could add paging both footer and above, or in just one of those positions.

Reproduction of the problem Obvious.

What is the motivation / use case for changing the behavior? Sometimes the table is long, and it goes out of the content. So to switch pages I have to scroll down, down.

Please tell us about your environment: Windows

  • Table version: 0.8.x 11.0.4

  • Angular version: 2.0.x 4.4.4

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ] Up to date chrome

trsh avatar Nov 15 '17 08:11 trsh

Any update to get the pagination in top, i'm also looking the same.

raghuam avatar Nov 27 '17 07:11 raghuam

I'm also :) Thanks

charedim avatar Nov 27 '17 07:11 charedim

I think that's an important issue

stephan-fischer avatar May 07 '18 20:05 stephan-fischer

Seven votes.

trsh avatar May 08 '18 08:05 trsh

I would love this too, but until you get it, you can easily hack it in with some css.

  .ngx-datatable .datatable-footer {
    position: absolute;
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }

  .ngx-datatable .datatable-header {
    position: absolute;
    top: 50px;
  }

  .ngx-datatable .datatable-body {
    margin-top: 100px;
  }

Tweak for browser support accordingly and your chosen heights of the footer and header.

mtgibbs avatar Aug 06 '18 14:08 mtgibbs

Pagination on top is a critical UX feature. It is a huge minus this feature is not implemented.

bigsteve avatar Jun 02 '22 18:06 bigsteve