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.

do I need to add any external css for Pagination to Show?

See original GitHub issue
   <ngx-datatable style="padding:2%;" class="bootstrap" [rows]="rows" [columnMode]="'force'" [headerHeight]="50" [rowHeight]="'auto'"
      [limit]="20" [selectionType]="'checkbox'" [selectAllRowsOnPage]="false" (select)='onSelect($event)' [externalPaging]="false"
      [count]="page.totalElements" [offset]="page.pageNumber" [limit]="page.size" (page)='setPage($event)'>
      <ngx-datatable-column [width]="30" [sortable]="true" [canAutoResize]="false" [draggable]="false" [resizeable]="false" [headerCheckboxable]="true"
        [checkboxable]="true">
      </ngx-datatable-column>
      <ngx-datatable-column name="FirstName"></ngx-datatable-column>
      <ngx-datatable-column name="LastName"></ngx-datatable-column>
      <ngx-datatable-column name="Gender"></ngx-datatable-column>
      <ngx-datatable-column name="MobileNo"></ngx-datatable-column>
      <ngx-datatable-column name="City"></ngx-datatable-column>
      <ngx-datatable-column name="Picode"></ngx-datatable-column>
      <ngx-datatable-column name="Status"></ngx-datatable-column>
      <ngx-datatable-column name="CreatedBy"></ngx-datatable-column>
      <ngx-datatable-column name="Process"></ngx-datatable-column>
    </ngx-datatable>

This is my code I am using, But I am not able to see the Pagination below on table, could you please some one help me, need add any external css files to show the pagination.

Thanks in advance !!!

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:5

github_iconTop GitHub Comments

3reactions
mak2xtcommented, Apr 10, 2018

You have to add [footerHeight]="height" to ngx-datatable tag

1reaction
CyberZen53commented, Jan 12, 2020

I am having the same or similar issue. I only see “1 2 3” for my pager but no icons. #issuecomment-481803417 did not resolve for me. Also not seeing sort icons even though sorting is working.

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS Pagination Examples - W3Schools
Learn how to create a responsive pagination using CSS. Simple Pagination. If you have a website with lots of pages, you may wish...
Read more >
How to make a Pagination using HTML and CSS
Creating pagination is quite simple, you can easily do that by using Bootstrap, and JavaScript. However, in this article, we will use HTML...
Read more >
Create Pagination Components With React & Tailwind CSS
In this tutorial, we'll use React and Tailwind CSS to create two different types of pagination components on the client-side. One will use ......
Read more >
How To Make Pagination In Website Using HTML CSS And ...
Learn to create Pagination In Website Using HTML CSS And JavaScript | Website design tutorial step ... Your browser can 't play this...
Read more >
Pagination table with external json - html - Stack Overflow
I resolved that issue with other json format,but I need to add same ... <table id="table" data-show-header="true" data-pagination="true" ...
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