dataTables插件-基本初始化

最新推荐文章于 2024-10-10 07:12:22 发布

灵熙兔

最新推荐文章于 2024-10-10 07:12:22 发布

阅读量5.5k

点赞数 2

分类专栏：【jQuery】文章标签： jquery 插件表格

本文链接：https://blog.csdn.net/qq_25178609/article/details/51859100

版权

本文详细介绍了jQuery的dataTables插件，包括基本使用、配置选项、排序功能、多表格处理、隐藏列、复杂头部、宽度设置、记录状态功能以及分页类型等，提供了一个全面的使用教程。

摘要由CSDN通过智能技术生成

一、简介
jQuery 的插件 dataTables 是一个优秀的表格插件，提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。本文对dataTables插件使用做一定的记录。不常用或目前不用的方法就暂时放放只作为了解。

对于 dataTables 来说，表格必须通过 thead 和 tbody 进行说明

<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>
                    Rendering engine
                </th>
                <th>
                    Browser
                </th>
            </tr>
        </thead>
        <tbody>
            <tr class="odd gradeX">
                <td>
                    Trident
                </td>
                <td>
                    Internet Explorer 4.0
                </td>
            </tr>

二、使用方式
在 dataTables 中，参数名称的前缀用来说明参数的数据类型，很明显，b 表示布尔类型，i 表示整数类型，s 表示字符串’>字符串类型。

1.零配置方式：最简单的使用方式
头部引入所需js文件和css样式

<link  rel="stylesheet" href="media/css/jquery.dataTables.css">
<script src="//code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="media/js/jquery.dataTables.js"></script>