Footable-v3-json-HTML

Showing a Footable v3 Ajax Example

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fooplugins.github.io/FooTable/compiled/footable.bootstrap.min.css">
<script src="https://fooplugins.github.io/FooTable/compiled/footable.js"></script>
<table class="table" data-paging="true" data-page-size="2"></table>

JavaScript

jQuery(function($){
	$('.table').footable({
  	"paging":true,
		"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"},
  {"name":"options","title":"Options","type":"html"}  
],
		"rows": [
  {"id":1,"firstName":"Annemarie","lastName":"Bruening","something":1381105566987,"jobTitle":"Cloak Room Attendant","started":1367700388909,"dob":122365714987,"status":"Suspended", "options": "<b>test</b>"},
  {"id":2,"firstName":"Nelly","lastName":"Lusher","something":1267237540208,"jobTitle":"Broadcast Maintenance Enginhttps://srv.carbonads.net/ads/click/x/GTND423NCW7DP2JLCY74YKQWCYBICK37CASDKZ3JCESDPK7MF6AIT27KC6BDK2QLCWSIKK3EHJNCLSIZ?segment=placement:jsfiddlenet;eer","started":1382739570973,"dob":183768652128,"status":"Disabled", "options":"<b onclick='alert(1)'>Click me</b>"},
  {"id":2,"firstName":"Nelly","lastName":"Lusher","something":1267237540208,"jobTitle":"Broadcast Maintenance Enginhttps://srv.carbonads.net/ads/click/x/GTND423NCW7DP2JLCY74YKQWCYBICK37CASDKZ3JCESDPK7MF6AIT27KC6BDK2QLCWSIKK3EHJNCLSIZ?segment=placement:jsfiddlenet;eer","started":1382739570973,"dob":183768652128,"status":"Disabled", "options":"<b onclick='alert(1)'>Click me</b>"}
  ]
	});
  });