Datatables draw() without ajax call

jquery ajax datatables datatables-1.10
Sergey Zhukov picture Sergey Zhukov · Jun 28, 2015 · Viewed 10.4k times · Source

I'm trying to resize jquery Datatables to fit the screen size. Datatables runs in server-side mode (property "serverSide": true). When the window size is changed I make recalculation of new datatables height and then call draw(false) to redraw the layout of datatable.

Unfortunately, the draw() method makes an ajax call and this makes the solution unusable, because it shows "processing" and takes time to get the data on every small window change.

How to redraw datatables layout without calling AJAX? I don't need to refresh data, I just want to redraw the table.

Answer

Sergey Zhukov picture Sergey Zhukov · Jun 29, 2015

I replaced the calling of table.draw(false) to table.columns.adjust(). It renders the table with new height and width without an AJAX call, so the issue is resolved for me. However it would be nice to know the proper way to render dataTables without an AJAX call in server-side mode.

Related questions

Disable initial automatic ajax call - DataTable server side paging

I have a dataTable initialized with server side paging and it is working fine. This table triggers ajax, pulls data and renders onto the table during initialization. However I need empty table initially and load table data on click of …

Read More
JQuery Datatable - Placing a custom loading GIF instead of default "Processing" text

I'm using the current version of JQuery Datatable. I have implemented server-side processing. Is there any way to place our own Loading GIF instead of the dafault text "Processing"? Here's my HTML code : <table id="table" class="table table-striped …

Read More
Redraw datatables after using ajax to refresh the table content?

I am using Datatables and have a button on the page that refreshes the table using AJAX. To be clear the table isn't using an ajax source of data, we are just using ajax to refresh it only when needed. …

Read More