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.

Bootstrap table is taking time to load at UI end

See original GitHub issue

Hi - this is about a bootstrap table implementation we have in our system that was working fine till it reached a load of about 20K records where it gets very slow at loading in UI, is that a known issue ?

The bootstrap table is taking about 10 to 15 mins to load 20K records at UI side, in backend my method returns in 2 seconds but at front end my bootstrap table is taking 10 to 15 mins to load.

The bootstrap table code is as below `

Booking # Docket # Booking Date Pickup Date Sch. Delivary Date Consigner Consignee From City To City Status TruckerID Trucker Driver Opr Exec Notes Material materialid Truck Type trucktypeID ConsignerID ConsigneeID Pod Status Action FromcityID TocityID Pickupperson Receivername Invoiceno Invoiceval Packets Packet Type Actual Weight Description Shippername plannedforcust paidtocust pendingforcust plannedforcustbroker paidtocustbroker pendingforcustbroker plannedfortrucker paidtotrucker pendingfortrucker plannedfortruckerbroker paidtotruckerbroker pendingfortruckerbroker actualincome actualexpense booking_notes Branch ID Branch
No result
`

Please advise.

Thanks, Rajahmad

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
jimgitcommented, Oct 3, 2018

Use server side pagination - see this jsfiddle.

Note the json is different for server side.

image

0reactions
RajahmadInnoctivecommented, Mar 5, 2019

yeah this works fine for me.

On Tue, Oct 30, 2018 at 6:37 AM Dennis Hernández notifications@github.com wrote:

@rajahmad-mulani https://github.com/rajahmad-mulani does this work for you?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/wenzhixin/bootstrap-table/issues/3998#issuecomment-434135449, or mute the thread https://github.com/notifications/unsubscribe-auth/AoR1laENGuV3t1llPLMxJM-HcrWxpEJ_ks5up6ZUgaJpZM4XF8ZV .

– Regards, Rajahmad Mulani.

CONFIDENTIALITY NOTICE: The contents of this email message and any attachments are intended solely for the addressee(s) and may contain confidential and/or privileged information and may be legally protected from disclosure. If you are not the intended recipient of this message or their agent, or if this message has been addressed to you in error, please immediately alert the sender by reply email and then delete this message and any attachments. If you are not the intended recipient, you are hereby notified that any use, dissemination, copying, or storage of this message or its attachments is strictly prohibited.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap tables taking long loading time on large amount of ...
Client side pagination will have the same impact since the data is loaded during the page load. If initial loading time is your...
Read more >
10 Most Common Bootstrap Mistakes That Developers Make
Common Bootstrap Mistake #4: Using everything that Bootstrap offers. As mentioned before, Bootstrap is comprehensive. It offers a lot of UI components, HTML...
Read more >
Spinners · Bootstrap v5.0
Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.
Read more >
Deferred loading of data - DataTables example
This automatic Ajax call to get the first page of data can be overridden by using the deferLoading initialisation property. It serves two...
Read more >
How to fetch data from localserver database and display on ...
In this article, we will see how we can display the records in an HTML table by fetching them from the MySQL database...
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