jquery表格插件datatables用法总结

《jquery表格插件datatables用法总结》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、jQuery表格插件datatables用法总结易贤网网校上线了！gt;gt;gt;点击进入It；It;It;网校开发及拥有的课件范围涉及公务员、财会类、外语类、外贸类、学历类、职业资格类、计算机类、建筑工程类、等9大类考试的在线网络培训辅导。其主要特点如下：1.自动分页处理2.即时表格数据过滤3.数据排序以及数据类型自动检测4.自动处理列宽度5.可通过CSS定制样式6.支持隐藏列7.易用8.可扩展性和灵活性9.国际化10.动态创建表格11.免费的使用方法：It;titlegt;DataTablesexamplelt:/1itlegt;It;styletype=,,text

2、/css〃title=〃currentStyle〃gt;import〃…/…/media/css/demo_page.css〃：import〃…/…/media/css/demo_table.css〃：import〃../examp1es_support/themes/smoothness/jquery-ui-1.7.2.custom,css〃：It;/stylegt;It:scripttype=〃text/ja.va.script/zlanguaget;It;/scriptgt;//javascript〃src=〃…/•./media/js/jquery.js〃gIt:s

3、cripttype=z/text/javascript/zlanguag//.•.//e=javascriptsrczz../media/js/jquery.dataTables.js〃gt;It;/scriptgt;It;scripttype="text/javascript〃charset=〃utf-8〃gt;上述代码中引入js和css文件。可以在demo里复制。注意路径地址。It:scripttype=zztext/javascript〃charset=〃utf-8〃gt;$(document).ready(funotion(){$(’^example?.dataTa

4、ble({〃oLanguage〃：{〃sUr1〃：〃/SSS/dataTables/deDE.txt〃z/bStateSave/z:true,//"bJQueryUI":true,nbsp;//使用jqueryuio我用的时候显示的不是很好〃sPaginationType〃：〃full_numbers〃//分页});});It;/scriptgt;It;/headgt;It;bodyid="dt_example〃gt;//此处为body的idIt;divid=〃container〃align=〃center〃gt;//氺div里是table,table包括thead等，最好

5、按此格式写*1t;hlgt;物品种类管理It;/hlgt;It;divid="demo"gt;It:tablecellpadding=〃5〃cellspacing=〃0〃border=〃1class=displayid=examplealign=centergt;//id别忘了It;theadgt;It:trgt;It;thgt;物品编号It:/thgt;It:thgt;物品名称1t;/thgt;1t;thgt;物品单位It;/thgt;It;thgt;编辑状态It;/thgt;1t;thgt;随便It:/thgt;lt;/trgt;It;/theadgt:It;trcla

6、ss=〃gradeX〃gt;//此处可以是gradeA,gradeX等，但是gradeB隔行换色效果很好It:tdgt;Tridentlt;/tdgt;It;tdgt;InternetExplorer4.0It;/tdgt;It;tdgt;Win95+lt;/tdgt:It;tdclass=〃center〃gt;41t;/tdgt;It:tdclass=〃center〃gt;Xlt;/tdgt;lt;/trgt;It;trclass=〃gradeC"gt;It:tdgt:Tridentlt:/tdgt;It;tdgt;InternetExplorer5.Olt;/tdgt;

7、It;tdgt;Win95+lt;/tdgt;It:tdclass=〃center〃gt;51t;/tdgt;It;tdclass=〃center〃gt:Clt;/tdgt;It;/trgt;It;trclass=〃gradeA〃gt;It;tdgt;Trident1t;/tdgt;It;tdgt;InternetExplorer5.51t;/tdgt;It:tdgt;Win95+lt;/tdgt;It;tdclass=〃center〃gt;5.51t:/tdgt;It;tdclass=〃center〃gt;Alt