Footable doest not Working Jquery Version 3.6.0

Question

Please Help Me $('#line_items_into_table').footable({}, function (ft) { SetTableRowinJson(json); })

Sachin Singh · Answer

define both column and row $(function($){ $( '#yrTable' ).footable({ "columns" :[ { "name" : "id" , "title" : "ID" , "breakpoints" : "xs sm" , "type" : "number" , "style" :{ "width" :80, "maxWidth" :80}}, { "name" : "firstName" , "title" : "First Name" }, { "name" : "lastName" , "title" : "Last Name" }, { "name" : "something" , "title" : "Never seen but always around" , "visible" : false , "filterable" : false }, { "name" : "jobTitle" , "title" : "Job Title" , "breakpoints" : "xs sm" , "style" :{ "maxWidth" :200, "overflow" : "hidden" , "textOverflow" : "ellipsis" , "wordBreak" : "keep-all" , "whiteSpace" : "nowrap" }}, { "name" : "started" , "title" : "Started On" , "type" : "date" , "breakpoints" : "xs sm md" , "formatString" : "MMM YYYY" }, { "name" : "dob" , "title" : "Date of Birth" , "type" : "date" , "breakpoints" : "xs sm md" , "formatString" : "DD MMM YYYY" }, { "name" : "status" , "title" : "Status" } ] , "rows" : SetTableRowinJson(); }); }); function SetTableRowinJson() { var json=[{ "id" :1, "firstName" : "Annemarie" , "lastName" : "Bruening" , "something" :1381105566987, "jobTitle" : "Cloak Room Attendant" , "started" :1367700388909, "dob" :122365714987, "status" : "Suspended" }, { "id" :2, "firstName" : "Nelly" , "lastName" : "Lusher" , "something" :1267237540208, "jobTitle" : "Broadcast Maintenance Engineer" , "started" :1382739570973, "dob" :183768652128, "status" : "Disabled" }, { "id" :3, "firstName" : "Lorraine" , "lastName" : "Kyger" , "something" :1263216405811, "jobTitle" : "Geophysicist" , "started" :1265199486212, "dob" :414197000409, "status" : "Active" }] }] return json; }

Ashwin Chauhan · Answer

I am using this function. function GetTableRowValueJson() { var data = $('.actual_list').map(function () { return { id: $(this).find('.customermeta-id').first().val(), Name: $(this).find('.customermeta-name').first().val(), birthday: $(this).find('.customermeta-detail').first().val(), anniversarydate: $(this).find('.customermeta-anniversary').first().val(), mobileno: $(this).find('.customermeta-sms').first().val(), email: $(this).find('.customermeta-email').first().val(), } }).get(); return JSON.stringify(data); }

Footable doest not Working Jquery Version 3.6.0

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (2)