原始的HTML代码如下:
<table id="myTable" class="my-class"> <thead> <tr> <th>Column 1</th> <ht>Column 2</th> </tr> </thead> <tbody> <tr> <td>AAA</td> <td>BBB</td> </tr> </tbody> </table>
DataTables插件,如果初始化时设置了sScrollX或者sScrollY属性,那么表格组件初始化之后,页面会生成两个<table>。如果不设置这两个属性,则只会有一个<table>生成。
第一个table里面,只有<thead>部分,这个就是页面看到的表格的表头。这个table的class是my-class,没有id。
第二个table里面,id是myTable,class是my-class。这个table含有<thead>和<tbody>,这个thead里面是空的,据我推测应该是用来让表格的列宽与表头的列宽相等的。<tbody>里面是页面看到的表格数据。这个table的空<thead>,会导致页面中看到的表格,表头和表体之间有条很粗的线,但是我们又不能将这个空thead设置成display: none;,这样会导致在IE下表格显示错位。目前还没有找到好方法。
另外,如果在原始的html代码中使用了<tfoot>,那么组件初始化之后,还会多生成一个table,这个table的class是my-class。它里面只有<tfoot>,这个就是页面看到的表格的tfoot部分。
sScrollX属性还起到了设置表格宽度的作用。假如表格原来有10列,可以100%充满整个窗口。在初始化表格时,通过aoColumns参数,隐藏了7列,如果不设置sScrollX为100%,那么表格只有这3列宽,不会充满窗口,如果设置了sScrollX : '100%',则可以让表格的宽仍然可以充满整个窗口。
相关推荐
开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....
Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能,包括排序、分页、扩展、主题、国际化等
Jquery dataTables插件 支持静态分页 排序 固定表头 ajax事件 等等 简单易上手
jquery1.6 datatables插件1.8 附带例子 API等 WEB页面显示列表,课排序 列过滤 隐藏列等功能
主要为大家详细介绍了jQuery DataTables插件自定义Ajax分页的相关资料,需要的朋友可以参考下
主要介绍了jQuery+datatables插件实现ajax加载数据与增删改查功能,涉及jQuery结合datatables插件针对页面表格实现数据加载及增删改查等相关操作技巧,需要的朋友可以参考下
DataTables - jQuery表格插件
使用JQuery.Datatables再也不用烦恼了,非常方便的集成插件,还是老外牛叉啊!
Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能
NULL 博文链接:https://gcc2ge.iteye.com/blog/2224072
JQuery DataTables示例,包含分页、拖拽、导出,前端、后台分页都有,项目直接导入就可以使用,项目框架是struts2写Web项目。
本技巧说明了如何自定义使用jQuery DataTables插件创建的PDF。
官方下载 datatables所需包文件
jquery dataTables两种版本 jquery两种版本 及相关css
本文介绍了如何使用jQuery DataTables插件增强纯HTML表。
jQuery Datatables
jquery 分页插件 dataTables 仅包含demo_table.css,jquery.dataTables.js,jquery.js
这是 jQuery 的 DataTables 插件的附加组件,它根据表列中的数据创建过滤小部件。 这是 jQuery 的 DataTables 插件的附加组件,它根据表列中的数据创建过滤小部件。 小部件在布局元素中分组,独立于源列。 可以对...
通过Jquery DataTables插件的基本配置实现表的无刷新查询、删除等操作