12/23/2023 0 Comments Jquery tableedit![]() When a fully functional data table/data grid needs to be implemented, my choice is the jQuery DataTables plug-in. BackgroundĪ common requirement in web projects is to create a table where besides listing data, the user should be able to edit information, and add new or delete existing records. These two articles can help you to create effective Web 2.0 data tables with fully AJAXified functionalities. In this article, server-side actions are not described again, and focus is on the data management functionalities only. In my previous article, I described how you can implement a DataTable with server-side pagination, filtering, and sorting which enables you to implement high-performance table operations. This article might be considered as a second part in the series of articles that describes how to implement effective Web 2.0 interfaces with jQuery, ASP.NET MVC, and the jQuery DataTables plugin. In the rest of the article, I will show you how you can implement and customize this plugin. This line of code finds a table with id " myDataTable", and applies two JQuery plugins that add to the table all functionalities shown above. $( ' table#myDataTable').dataTable().makeEditable() Everything you see in the table is implemented on the client-side using the following JavaScript call: Example of such kind of table is shown in the figure below:Īll functionalities you see in the figure are pure JavaScript enhancement - on the server-side, you just need to generate a pure HTML table. ![]() My intention is to show how you can implement these functionalities with minimal effort using a jQuery DataTables Editable plug-in and thereby easily extending DataTable CRUD functionalities.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |