Need to implement Server side datable with sorting, filterin

Topic: Need to implement Server side datable with sorting, filtering, search, pagination

varunsingh91 priority asked 1 month ago

can you please provide me the reference for implementing server side datatable as the data i want to populate is very huge in count. It will be really helpful if you can please provide me the reference for implementation using angular.

Add comment

Arkadiusz Idzikowski staff answered 1 month ago

0 0 Best answer

Unfortunately we do not have such a guide yet but I added this idea to our to-do list.

But if it is urgent you could try to adjust the basic example from our documentation to your needs: <a href="https://mdbootstrap.com/docs/angular/data/datatables/#section-basic-example" target="_blank">https://mdbootstrap.com/docs/angular/data/datatables/#section-basic-example</a>

For example, to use server side pagination you would need to:

<ol>
<li>Remove the <code>[pagination]="pagination"</code> input from the <code>table</code> element and use <code>mdbTable</code> directive and <code><mdb-table-pagination></code> component separately.</li>
<li>The pagination component has a <code>[total]</code> input that let you manually set the total number of pagination entries. The component also emits a <code>(paginationChange)</code> event. You can use information from this event to send request to a server and then update data used by the <code>mdbTable</code> directive</li>
</ol>

You can find more useful information in the API section: <a href="https://mdbootstrap.com/docs/angular/data/datatables/#api-section-usage" target="_blank">https://mdbootstrap.com/docs/angular/data/datatables/#api-section-usage</a>

Please insert min. 20 characters.

Unfortunately we do not have such a guide yet but I added this idea to our to-do list.

But if it is urgent you could try to adjust the basic example from our documentation to your needs: https://mdbootstrap.com/docs/angular/data/datatables/#section-basic-example

For example, to use server side pagination you would need to:

Remove the [pagination]="pagination" input from the table element and use mdbTable directive and <mdb-table-pagination> component separately.
The pagination component has a [total] input that let you manually set the total number of pagination entries. The component also emits a (paginationChange) event. You can use information from this event to send request to a server and then update data used by the mdbTable directive

You can find more useful information in the API section: https://mdbootstrap.com/docs/angular/data/datatables/#api-section-usage

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Priority
Premium support: Yes
Technology: MDB Angular
MDB Version: MDB5 7.1.0
Device: Laptop
Browser: safari, chrome
OS: Mac
Provided sample code: No
Provided link: No

varunsingh91

5Support score
4Questions 0Answers 0Snippets