i need responsive Edit and delete without using database php, i need only inline code

i need responsive Edit and delete without using database php, i need only inline code

anish332anish332 Posts: 3Questions: 1Answers: 0

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'); }); }); } );
This discussion has been closed.