jQuery表格插件datatables用法总结.docVIP

jQuery表格插件datatables用法总结 易贤网网校上线了！ gt ;gt;gt;点击进入 It ； It; It; 网校开发及拥有的课件范围涉及公务员、财会类、外 语类、外贸类、学历类、 职业资格类、计算机类、建筑工程类、等9大类考试 的在线网络培训辅导。 其主要特点如下： 自动分页处理 即时表格数据过滤 数据排序以及数据类型自动检测 自动处理列宽度 可通过CSS定制样式 支持隐藏列 易用 可扩展性和灵活性 国际化 动态创建表格 11 .免费的 使用方法： It; titlegt ;DataTablese xamplelt:/1 itlegt; It ; styletype=,,text/css〃t itle=〃curre ntStyle〃gt; import〃…/…/media/c ss/demo_pag e. css〃： im port〃…/…/media/css/d emo_table. c ss〃： impor t〃. . /examp1 es_support/ themes/smoo thness/jque ry-ui-1. 7. 2 . custom, css 〃： It;/style gt; It: scr ipttype=〃te xt/ja.va.scri pt/zlanguage t; It ;/scrip tgt; //javascript // javascrip t〃src=〃…/? . /media/js/ jquery.js〃g It: sc ripttype=z/t ext/javascr ipt/zlanguag // . ? . // e= javascri pt srczz../media/js /jquery. dat // . ? . // e= javascri pt src zz ../media/js /jquery. dat aTables. js〃gt; It; /scri ptgt; It; s cripttype=text/javasc ript〃charse t=〃utf- 8〃gt ; 上述代码中引入j s和css文件。可以在demo里复制。 注意路径地址。 It: sc ripttype=zzt ext/javascr ipt〃charset =〃utf- 8〃gt; $ (documen t). ready (fu notion () { $ (’ ^example ?. dataTabl e ({ 〃oLangua ge〃： { 〃sUr 1〃 ： 〃/SSS/da taTables/de DE. txt〃 z/bStateSave/z: true, //bJQueryUI: true, nbsp;//使用 jqueryui o 我用的 时候显示的不是很好 〃sPagin ationType〃： 〃full_numbe rs〃//分页 }); }); It;/scrip tgt; It ;/hea dgt; It;bo dyid=dt_ex ample〃gt;//此处为 body 的 id It;divid=〃container〃a lign=〃cente r〃gt;//氺div 里 是table, tab le包括thead等，最好按此格式写* 1 t;hlgt;物品种类管理It;/hlgt; It; divid=d emogt; It : tablecellp adding=〃5〃c ellspacing=〃0〃border=〃 1 class= di splay id= e xample alig n= center g t;//id 别忘了 It ;theadgt; It :trgt; It; thgt;物品编号 It :/thgt; It :thgt;物品名称 1 t;/thgt; 1 t; thgt;物品单位 It;/thgt; It; thgt;编辑状态 It;/thgt; 1 t;thgt;随便 It :/thgt; lt;/trgt; It;/th eadgt: It; trclass=〃gr adeX〃gt;//此处可以是 gradeA, gradeX等，但是g radeB隔行换色效果很好 It:tdgt ;Tridentlt;/tdgt; It; td gt; Internet Explorer4. 0 It;/tdgt; It; tdgt; Win 95+lt ;/tdgt : It;tdcla ss=〃center〃gt;41t;/tdg t; It: tdcl ass=〃center 〃gt; Xlt; /td gt; lt;/trgt ; It; trcla ss=〃gradeCgt; It: tdg t: Trident