Footable doest not Working Jquery Version 3.6.0

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;
}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ashwin Chauhan4y ago
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);

}
0
Sachin Singh4y ago
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;
}
0