Develop Reference

DataTables + ServerSide: Child Rows destroyed

I am using the DataTables jQuery plugin with server side pagination to create a table with child rows where the user can change the data, the problem I have is when I move to another page without saving changes in the modified forms; the DataTables removes the rows and its child rows from the DOM, so I am not able to get later the updated rows to save the changes, also if I move back to the first page where the user modified the data, the child rows are re-created (as part of the createdRow event where I am creating the child rows) so the changes entered by the user are lost.
Is there any way to deal with this problem?

I don't have enough experience in working with DataTable, but I guess this plugin has something like "data is loaded" event. Before the page is reloaded, you can save your draft data in separate array/object (like draftData) and after data is loaded, you can merge information before page rendering.

I ended up creating my own logic since this is an expected behavior of the DataTables plugin.
When using server side with DataTables, the plugin doesn't have a way to identify or "remember" what rows are being modified, what rows are selected, etc. Because of each pagination request rebuild the table and re-create the rows.
I found somewhere that a valid approach was using a global variable to store all the changes (selected rows, updated data, etc) I am also using the createdRow event to restore the changes made by the user after creating each row.

How do I display database rows on multiple pages with Ajax?

I have a database with a table having a big number of rows. I am fetching the data in this table and displaying it in an HTML table on a web page.
My requirement is to display 20 records initially and then when the user clicks a button labelled Next, I show the next 20 records and so on...
So I have initially fetched first 20 rows from the table in my PHP (server-side), and then assigned a JS function to the onclick attribute of the button labelled Next. Inside this JS function, I use an AJAX call which brings me the next 20 rows. Then within this JS function, I replace the HTML rows with these new rows.
I need something like this:
The question is that are there any plugins available which can implement that functionality for me? If a plugin is available, implementing it manually wouldn't make sense because being a rookie, I can't develop it better than the developers of that plugin.

Yes
This is called pagination - a quick search for "ajax pagination mysql php" or similar brings up a wide range of options. I can't recommend any particular one as your question is too broad; I can only reasonably go as far as a definition.
Internally they use the MySQL LIMIT keyword which may help give further things to search for or experiment with depending on your actual use case.

Is it possible to set pagination numbers with the total record returned by the server and number of records selected by the user in Jquery DataTable?

I am new to DataTable.js jquery plugin and trying to put my best effort to explain the stuff I want to know.
As of my requirement, I have to fetch only 10 records by default at a time when I do an ajax request even it match 100 records with the search criteria.
But the no. of records will change based on the user selection. ie. it may be 5 or 10 or 25 and so on which is available in the show records per page dropdown control.
Ex.
Consider I have 50 records that matches my search criteria and I selected 10 records to show per page. So the first ajax request provide only 10 records and it will be displayed in the table. At the same time I have to show the pagination as 1 2 3 4 5 buttons.
I want to know how to set the pagination like above using total no. of records and no. records shown per page?
Is there any way to do this?
Any help will appreciate!.

Data table basically works on html table and create pagination on table data. Datatable does not provide this type of functionality. may be following link help you
Ajax request for server side data for each page in Datatables

Using tablesorter plugin with a large amount of data

So I currently have a set of data that is about 5000 records. I have been using the tablesorter plugin and it has worked great for my smaller tables.
however the way I have it set up currently on the page with the large amount of records is that it retrieves all the records from the database and populates the data into the browser and then the tablesorter plugin with break it into pages of 100 records.
my issue is that the I need to get it working in a way where it will load up the first 100 records and have it so it doesn't load the next 100 records until I hit the next page button. But I still have to be able to sort through all 5000 records if I sort by any of the headers.
I am some what new to working with this so I am not sure how I could go about doing that.
so to summarise
I have 5000 records
I want to have 100 of those records display when the page loads
if I sort by any of the headers it needs to sort through all 5000 records
if I hit the next page button it needs to load up the next 100 records in line.

You should give datatables a try then.

Tablesorter has a pager plugin that can handle server side paging requests. Here's a link to the example:
http://mottie.github.io/tablesorter/docs/example-pager-filtered.html
You can run ajax requests that will handle that pagination, as well as sorting and filtering. However, you'll have to build the calls to the server. The process is pretty well documented in the documentation on Mottie's Tablesorter fork. I recently used Tablesorter to handle a table with 50,000 rows.

Datatables initial rows

I am trying to inital show up a specified number of rows with Datatables.
For example -> showing row 100-105.
Anyone knowing if it is possible using the options?

From the documentation:
iDisplayLength Number of rows to display on a single
page when using pagination. If feature enabled (bLengthChange) then
the end user will be able to over-ride this to a custom setting using
a pop-up menu.
iDisplayStart Define the starting point for data display
when using DataTables with pagination. Note that this parameter is the
number of records, rather than the page number, so if you have 10
records per page and want to start on the third page, it should be
"20".