Search

I want to be able to submit just after change. Is there a way in jQuery Datatable Editor to do this? http://debug.datatables.net/uzolop

In this table working good on desktop view in mobile view delete is not working proberly Name Position Office Extn. Start date Salary Action $(document).ready(function() { $('#example').DataTable( { "ajax": "demo.json", "columns": [ { "data": "name" }, { "data": "position" }, { "data": "office" }, { "data": "extn" }, { "data": "start_date" }, { "data": "salary" }, { "mData": null, "bSortable": false, "mRender": function(data, type, full) { return 'Delete'; } } ] } ); $(document).ready(function() { var table = $('#example').DataTable(); $('#example tbody').on( 'click', 'tr', function () { if ( $(this).hasClass('selected') ) { $(this).removeClass('selected'); } else { table.$('tr.selected').removeClass('selected'); $(this).addClass('selected'); } } ); $('#button').click( function () { table.row('.selected').remove().draw( false ); } ); } ); $("#example").on('click','.btnDelete',function(){ $(this).closest('tr').remove(); alert("SucessFull Delete data from DataBase U Cant Retrive This Data Again "); }); // Apply Form Button click show/hide $(function () { $('.toggle').click(function (event) { event.preventDefault(); var target = $(this).attr('href'); $(target).toggleClass('hidden show'); }); }); } );

I am loading my datatable via a server-side ajax call (serverside option set to true). However, I am overriding the Editor's ajax call to save edited data on client-side until the user presses a save button and all changes are submitted to the server at once. Therefore, I don't want the datatable to reload data from the server each time the Editor submits. Is there any way for me to prevent that?

Hi folks! I got the problem that my 'select' column is showing me the "value" of my options and not the label. When I click on it and get the edit view, I see the text values. Is there a possibility to configure the column to display the label, nevertheless which view is shown (edit and display). Thanks in advance

how would create a new row at the top of the table when i click the new button? i would then like to edit that table like the example of https://editor.datatables.net/examples/inline-editing/tabControl.html , but instead of using the tab key to use the enter key.

Hello, https://editor.datatables.net/examples/inline-editing/simple with reference to above link, I am trying to implement edit functionality in my Data Table. I have followed exact steps and code provided in the above link except my json data source is different. The url I have mentioned in ajax and respective data is as mentioned below: {"aaData":[{"client_Id":"","categoryId":"1","categoryName":"Individual","categoryDescription":"","lastUpdatedBy":""},{"client_Id":"","categoryId":"2","categoryName":"Firm","categoryDescription":"","lastUpdatedBy":""},{"client_Id":"","categoryId":"3","categoryName":"Private Limited Company","categoryDescription":"","lastUpdatedBy":""},{"client_Id":"","categoryId":"5","categoryName":"company","categoryDescription":"","lastUpdatedBy":""}]} I am using codeigniter php framework and REST API to return json data. I want to implement CRUD operation within the data Table. Thank you.

var oTable; $(document).ready(function () { oTable = $('table#myDataTable').dataTable({ "sAjaxSource": '@Url.Action("AjaxHand", "comp")', // "bServerSide": true, "aoColumns": [ { "mData": "name", align: 'left', "sWidth": '2%' }, { "mData": "address", align: 'left', "sWidth": '2%' }, { "mData": "town", align: 'left', "sWidth": '2%' } ] }); }); name address town i hav implemented in makeEditable() it is not working and i m finding diffierent examples but even it is not working plz help me allan

Hi, I'm using Jeditable for modify my DataTables: I use it for show ed edit any parameters of my configuration (host, username, password, etc...) I have an exigence: I only wish that the record field is shown with asterisks, and an input type = "password", for security is best that the password not is showing. It's possibile? Thanks.

Hi, I have 3 tables on one page and now the add row/amend row/delete row function only works for one table? I have modified the script to include the other two tables id, but still no joy. Any ideas? Thanks Ashleigh

Im using the http://datatables.net/blog/Inline_editing code for creating grid, i modified the browser field to input date ,i require datepcker field . I tried using jquery ui function in the editrow function editRow ( oTable, nRow ) { $(function() { $( "#datepicker" ).datepicker(); }); var aData = oTable.fnGetData(nRow); var jqTds = $('>td', nRow); jqTds[0].innerHTML = ''; jqTds[1].innerHTML = ''; jqTds[2].innerHTML = ''; jqTds[3].innerHTML = ''; jqTds[4].innerHTML = ''; jqTds[5].innerHTML = 'Save'; } Could you please help me achieve this ?