Example:

 

JavaScript

require(['jquery','footable'],function($){
	$('.js-foo-table').footable({
		"columns": [
			{"name":"image", "title":"Image"},
			{"name":"item", "title":"Item (SKU)"},
			{"name":"order", "title":"Order #"},
			{"name":"desc", "title":"Description","breakpoints":"xs"},
			{"name":"cct", "title":"CCT","breakpoints":"xs"},
			{"name":"listing", "title":"Listing","breakpoints":"xs"},
			{"name":"price", "title":"Price","breakpoints":"xs"},
			{"name":"qty", "title":"Available Qty","breakpoints":"xs"},
		],
		"rows": [
			{
				"id":1,
				"image":"<img src='https://developer.maxlite.com/api/items/images/AR-MAL100HT5-40BKPCS'>",
				"item":"<a href='http://maxlite.smartwebsitedesign.com/products/slim-area-lights/AR-MAL100HT5-40BKPCS'>AR-MAL100HT5-40BKPCS</a>",
				"order":"100067",
				"desc":"MEDIUM AREA LIGHT-  100W, 347-480V, TYPE V, 4000K, BRONZE, SLIPFITTER KNUCKLE MOUNT, 3-PIN PHOTOCELL RECEPTACLE, 20KV SURGE SUPPRESSOR",
				"cct":"4000",
				"listing":"DLC, Title 24",
				"price":"",
				"qty":"2",
			},
			{
				"id":2,
				"image":"<img src='https://developer.maxlite.com/api/items/images/AR-MAL100HT5-40BKPCS'>",
				"item":"<a href='http://maxlite.smartwebsitedesign.com/products/slim-area-lights/AR-MAL100HT5-40BKPCS'>AR-MAL100HT5-40BKPCS</a>",
				"order":"100068",
				"desc":"MEDIUM AREA LIGHT-  100W, 347-480V, TYPE V, 4000K, BRONZE, SLIPFITTER KNUCKLE MOUNT, 3-PIN PHOTOCELL RECEPTACLE, 20KV SURGE SUPPRESSOR",
				"cct":"5000",
				"listing":"DLC Premium",
				"price":"",
				"qty":"5",
			},
			{
				"id":3,
				"image":"<img src='https://developer.maxlite.com/api/items/images/AR-MAL100HT5-40BKPCS'>",
				"item":"<a href='http://maxlite.smartwebsitedesign.com/products/slim-area-lights/AR-MAL100HT5-40BKPCS'>AR-MAL100HT5-40BKPCS</a>",
				"order":"100069",
				"desc":"MEDIUM AREA LIGHT-  100W, 347-480V, TYPE V, 4000K, BRONZE, SLIPFITTER KNUCKLE MOUNT, 3-PIN PHOTOCELL RECEPTACLE, 20KV SURGE SUPPRESSOR",
				"cct":"5000",
				"listing":"DLC Premium, Title 24",
				"price":"",
				"qty":"6",
			},
			{
				"id":4,
				"image":"<img src='https://developer.maxlite.com/api/items/images/AR-MAL100HT5-40BKPCS'>",
				"item":"<a href='http://maxlite.smartwebsitedesign.com/products/slim-area-lights/AR-MAL100HT5-40BKPCS'>AR-MAL100HT5-40BKPCS</a>",
				"order":"100070",
				"desc":"MEDIUM AREA LIGHT-  100W, 347-480V, TYPE V, 4000K, BRONZE, SLIPFITTER KNUCKLE MOUNT, 3-PIN PHOTOCELL RECEPTACLE, 20KV SURGE SUPPRESSOR",
				"cct":"5000",
				"listing":"DLC",
				"price":"",
				"qty":"10",
			},
		]
	});
});
Product Microsites