<!DOCTYPE HTML>
<head>
<script src="js/jquery/jquery-2.0.2.min.js" type="text/javascript"></script>
<!-- Include one of jTable styles. -->
<link href="js/jtable/themes/metro/blue/jtable.min.css" rel="stylesheet" type="text/css" />
<!-- Include jTable script file. -->
<script src="js/jtable/jquery.jtable.min.js" type="text/javascript"></script>
</head>
<body>
<div id="PersonTableContainer"></div>
<script type="text/javascript">
$(document).ready(function () {
$('#PersonTableContainer').jtable({
title: 'Table of people',
actions: {
listAction: '/GettingStarted/PersonList',
createAction: '/GettingStarted/CreatePerson',
updateAction: '/GettingStarted/UpdatePerson',
deleteAction: '/GettingStarted/DeletePerson'
},
fields: {
PersonId: {
key: true,
list: false
},
Name: {
title: 'Author Name',
width: '40%'
},
Age: {
title: 'Age',
width: '20%'
},
RecordDate: {
title: 'Record date',
width: '30%',
type: 'date',
create: false,
edit: false
}
}
});
});
</script>
</body>
CjwhRE9DVFlQRSBIVE1MPgoKPGhlYWQ+CjxzY3JpcHQgc3JjPSJqcy9qcXVlcnkvanF1ZXJ5LTIuMC4yLm1pbi5qcyIgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij48L3NjcmlwdD4KPCEtLSBJbmNsdWRlIG9uZSBvZiBqVGFibGUgc3R5bGVzLiAtLT4KPGxpbmsgaHJlZj0ianMvanRhYmxlL3RoZW1lcy9tZXRyby9ibHVlL2p0YWJsZS5taW4uY3NzIiByZWw9InN0eWxlc2hlZXQiIHR5cGU9InRleHQvY3NzIiAvPgo8IS0tIEluY2x1ZGUgalRhYmxlIHNjcmlwdCBmaWxlLiAtLT4KPHNjcmlwdCBzcmM9ImpzL2p0YWJsZS9qcXVlcnkuanRhYmxlLm1pbi5qcyIgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij48L3NjcmlwdD4KPC9oZWFkPgoKPGJvZHk+Cgo8ZGl2IGlkPSJQZXJzb25UYWJsZUNvbnRhaW5lciI+PC9kaXY+Cgo8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CiAgICAkKGRvY3VtZW50KS5yZWFkeShmdW5jdGlvbiAoKSB7CiAgICAgICAgJCgnI1BlcnNvblRhYmxlQ29udGFpbmVyJykuanRhYmxlKHsKICAgICAgICAgICAgdGl0bGU6ICdUYWJsZSBvZiBwZW9wbGUnLAogICAgICAgICAgICBhY3Rpb25zOiB7CiAgICAgICAgICAgICAgICBsaXN0QWN0aW9uOiAnL0dldHRpbmdTdGFydGVkL1BlcnNvbkxpc3QnLAogICAgICAgICAgICAgICAgY3JlYXRlQWN0aW9uOiAnL0dldHRpbmdTdGFydGVkL0NyZWF0ZVBlcnNvbicsCiAgICAgICAgICAgICAgICB1cGRhdGVBY3Rpb246ICcvR2V0dGluZ1N0YXJ0ZWQvVXBkYXRlUGVyc29uJywKICAgICAgICAgICAgICAgIGRlbGV0ZUFjdGlvbjogJy9HZXR0aW5nU3RhcnRlZC9EZWxldGVQZXJzb24nCiAgICAgICAgICAgIH0sCiAgICAgICAgICAgIGZpZWxkczogewogICAgICAgICAgICAgICAgUGVyc29uSWQ6IHsKICAgICAgICAgICAgICAgICAgICBrZXk6IHRydWUsCiAgICAgICAgICAgICAgICAgICAgbGlzdDogZmFsc2UKICAgICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgICBOYW1lOiB7CiAgICAgICAgICAgICAgICAgICAgdGl0bGU6ICdBdXRob3IgTmFtZScsCiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICc0MCUnCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgQWdlOiB7CiAgICAgICAgICAgICAgICAgICAgdGl0bGU6ICdBZ2UnLAogICAgICAgICAgICAgICAgICAgIHdpZHRoOiAnMjAlJwogICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgIFJlY29yZERhdGU6IHsKICAgICAgICAgICAgICAgICAgICB0aXRsZTogJ1JlY29yZCBkYXRlJywKICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzMwJScsCiAgICAgICAgICAgICAgICAgICAgdHlwZTogJ2RhdGUnLAogICAgICAgICAgICAgICAgICAgIGNyZWF0ZTogZmFsc2UsCiAgICAgICAgICAgICAgICAgICAgZWRpdDogZmFsc2UKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgIH0pOwogICAgfSk7Cjwvc2NyaXB0PgoKPC9ib2R5Pgo=