Datatables—— jquery 插件中文网
HTML JavaScript CSS Other
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github 新增 - issue模板文件 Apr 12, 2018
_data 添加友联https://terryz.github.io多功能下拉分页选择插件 Aug 22, 2017
_drafts 添加待翻译的文档 Oct 11, 2017
_includes 规范广告位 Dec 3, 2017
_layouts 左右两侧广告可以关闭,避免挡住浏览 Nov 19, 2017
_sass 更新赞助列表,感谢【德双,马*良】的支持 Sep 25, 2016
_site 规范广告位 Dec 3, 2017
about 左右两侧广告可以关闭,避免挡住浏览 Nov 19, 2017
activity 左右两侧广告可以关闭,避免挡住浏览 Nov 19, 2017
assets 更新分页插件 four_button_no_ellipses input Aug 1, 2017
blog 添加 api order() 文档 Oct 7, 2017
code 添加types文档列表 Jul 9, 2016
css 添加 %24.fn.dataTable.ext.errMode.markdown文档 Sep 11, 2017
example 左右两侧广告可以关闭,避免挡住浏览 Nov 19, 2017
extensions 新的实例模板 Jul 9, 2017
faqs 左右两侧广告可以关闭,避免挡住浏览 Nov 19, 2017
images 首页添加一个广告 Oct 28, 2016
js 添加language.info文档 Jun 18, 2017
manual 左右两侧广告可以关闭,避免挡住浏览 Nov 19, 2017
plug-ins 添加 api order() 文档 Oct 7, 2017
reference Update columns.cellType.markdown Feb 5, 2018
tomato 示例 May 27, 2016
tour 添加language.info文档 Jun 18, 2017
upgrade 左右两侧广告可以关闭,避免挡住浏览 Nov 19, 2017
.gitignore 删除idea配置文件 Oct 11, 2017
404.htm 添加language.info文档 Jun 18, 2017
404.html 添加language.info文档 Jun 18, 2017
404.shtml 添加language.info文档 Jun 18, 2017
BingSiteAuth.xml 添加bing网站管理 May 7, 2016
LICENSE Initial commit Aug 31, 2014
README.md 发布 May 1, 2017
_config.yml gems废弃 Jun 25, 2017
corss-serverSide.html dtcode bate Jun 21, 2016
d7f49c11a1ef754d85e147f8a7a83e27.txt 添加360站长 May 7, 2016
deployto_site.bat 添加blog Jun 4, 2016
googlefbab92b587c79547.html 添加google May 8, 2017
index.html 左右两侧广告可以关闭,避免挡住浏览 Nov 19, 2017
local-test.bat 添加option 部分 列排序 固定列 编辑器 静态方法 文档列表 Feb 15, 2016
rebuild.bat mod Apr 3, 2015
server.bat init Oct 31, 2014
sitemap.xml 更新分页插件 four_button_no_ellipses input Aug 1, 2017
sogousiteverification.txt 添加搜狗站长平台 May 7, 2016

README.md

Datatables中文网

基于 jQuery 的表格插件,灵活,强大

官网 | 官方论坛

1,如何使用?

<!--第一步:引入Javascript / CSS (CDN)-->
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
 
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
 
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
 
 
<!--或者下载到本地,下面有下载地址-->
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="DataTables-1.10.15/media/css/jquery.dataTables.css">
 
<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="DataTables-1.10.15/media/js/jquery.js"></script>
 
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="DataTables-1.10.15/media/js/jquery.dataTables.js"></script>
<!--第二步:添加如下 HTML 代码-->
<table id="table_id_example" class="display">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
        </tr>
    </tbody>
</table>
<!--第三步:初始化Datatables-->
$(document).ready( function () {
    $('#table_id_example').DataTable();
} );

2,查看文档、例子

DataTables中文网

DataTables中文网博客

DataTables中文网在线代码编辑

DataTables中文网讨论社区