Skriv noe programvare

En curso Publicado Mar 5, 2016 Pagado a la entrega
En curso Pagado a la entrega

You must be an Expert in datatables, jquery and ajax for this project. No time to learn it just for this project!

Task:

Convert basic html-datatable to serverside ajax-datatable.

Details:

I already have a html-datatable as you see in #iplist.jpg. This is generated on every pageview and works perfectly once loaded. Searching takes just a second or less. However, it takes a long time to load (with records over 2.000) since it loads the entire result set at once into html/datatable.

That's why I want to change the datatable to be able to use server-side data (using ajax) instead (with different number/names of columns on page load) and just load one page at a time and still be able to do quick search inside the datatable. Now, search is super fast, but the first page load is slow when there are thousands of records.

This is what I want:

[login to view URL]

The difficult part (for me):

I am a PHP-developer and have made this program from scratch. But my jquery/ajax/javascript skills are not that great. One problem I have, is that the data-table you see in [login to view URL] is generated by me in PHP "on-the-fly". That means, the order of columns and the number of columns will change based on a setting in admin-area and will change on page load.

You will see the basic concept of this code in attached #iplist2.jpg. If it wasn't for this, I would have been able to do it myself. But all code I have implemented/tested operates with fixed javascript-code for the table names - I need to somehow generate this in an effienct way that takes into account that the number and order of columns change on page load.

Code quality:

I want to be able to simply choose between html-datatable and serverside-ajax-datatable. I do NOT want messy javascript-code into my PHP-project. It must be high-quality code that is secure (ajax-server-side must only allow this app to connect), easy to implement and it must be clean html-wise. This is even more! important than the functionality.

You must implement this directly into my code and demonstrate that it works.

Paging (page 1, 2 etc.) must work as today - same goes for sorting and search. Only allowed thing to change is back-end - no visual changes beside page-load time should bee needed!

Bootstrap JavaScript jQuery / Prototype PHP

Nº del proyecto: #9851956

Sobre el proyecto

4 propuestas Proyecto remoto Activo Mar 5, 2016

4 freelancers están ofertando un promedio de $269 por este trabajo

zhengnami13

Hi. I read your description carefully. You should use flex-grid or gridtable for this challenge. They are the most used jQuery table library. Can we discuss with more details now? Best

$515 USD en 3 días
(31 comentarios)
7.2