question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Paging on top of the table

See original GitHub issue

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

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:18
  • Comments:6

github_iconTop GitHub Comments

4reactions
raghuamcommented, Nov 27, 2017

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

3reactions
mtgibbscommented, Aug 6, 2018

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to display pagination on the top — DataTables forums
Note the use of p to place the paging at the top and the bottom. The letters represent different Datatables elements.
Read more >
Pagination at top and bottom with DataTables - Stack Overflow
Is it possible to have pagination positioned at the top and at the bottom of a table, at the same time? If it...
Read more >
Is there a justification for having the pagination buttons at the ...
I was wondering, if there is an appropriate justification for having the pagination buttons at the top and at the bottom of data...
Read more >
Bootstrap 4 table pagination - examples & tutorial.
Table pagination is a simple navigation which lets you split a huge amount of content within the tables into smaller parts.
Read more >
Row Pagination - JavaScript Data Grid
The rows are split according to the top level rows. For example if row grouping with a page size of 10, then each...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found