jquery - unable to create jtable in jsp -


hi wanted create jtable in jsp , after lots of google search found site site says have default table when run blank page.please me http://jtable.org/gettingstarted#listaction

   <html> <head>   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!-- include 1 of jtable styles. --> <link href="/jtable/themes/metro/blue/jtable.min.css" rel="stylesheet" type="text/css" />  <!-- include jtable script file. --> <script src="/jtable/jquery.jtable.min.js" type="text/javascript"></script>  <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> </head> <body> <div id="persontablecontainer"></div> </body> </html> 

enter image description here

<html> <head>  <script src="https://raw.github.com/akashshinde/project/master/scripts/jquery-1.6.4.min.js" type="text/javascript"></script> <script src="https://github.com/akashshinde/project/raw/master/scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>  <!-- include 1 of jtable styles. -->  <link href="https://raw.github.com/akashshinde/project/master/themes/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" /> <link href="https://raw.github.com/akashshinde/project/master/scripts/jtable/themes/lightcolor/blue/jtable.css" rel="stylesheet" type="text/css" />  <!-- include jtable script file. --> <script src="https://raw.github.com/akashshinde/project/master/scripts/jtable/jquery.jtable.min.js" type="text/javascript"></script> <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> </head> <body> <div id="persontablecontainer"></div> </body> </html> 

actually javascript files not loading correctly in jsp file navigate .js files correctly in url,as entered in above code.

just replace code code 

Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -