<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script src="https://www.jb51.net/jquery-1.8.0.min.js"></script> <link type="text/css" href="https://www.jb51.net/style.css"> <script src="https://www.jb51.net/pagetion.js"></script> <script type="text/javascript"> $(function(){ $("#dg").grid({ id:"dg", url:"data.json", columns: [ {field:'ck',checkbox:true}, { field: 'ID', title: '编号', width:100, align: 'center'}, { field: 'name', title: '名称', width: 150, align: 'left' }, { field: 'descrtion', title: '描述', width: 350, align: 'left' }, { field: 'Price', title: '价格', width: 100, align: 'left' } ], isoddcolor:false, pagination:true, searchnation:true, pagesize:5 }); }); </script> </head> <body> <form> <table> </table> </form> </body> </html>
本文只是为大家提供了一个框架、思路，如何将这些知识点串连在一起，还需要大家认真的学习研究，动手创建一个属于自己的jquery表格插件。
您可能感兴趣的文章: