DataTables Table plug-in for jQuery

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.

Pagination, instant search and multi-column ordering
Supports almost any data source:
- DOM, Javascript, Ajax and server-side processing
Easily theme-able: DataTables, jQuery UI, Bootstrap, Foundation
Wide variety of extensions inc. Editor, TableTools, FixedColumns and more
Extensive options and a beautiful, expressive API
Fully internationalisable
Professional quality: backed by a suite of 2900+ unit tests
Free open source software (MIT license)! Commercial support available.

http://www.datatables.net/

http://www.datatables.net/download/#DataTables

时间： 2024-10-26 00:28:28

DataTables Table plug-in for jQuery的相关文章

固定table的表头CSS&JQuery

対応ブラウザのバージョン Internet Explorer 9 / 10 / 11 Firefox 29 Google Chrome 34 Safari 5 Opera 12 表头固定的方法 <table class="table-design tablelock1"> <thead> <tr> <th>TableHeader1</th><th>TableHeader2</th> <th>

Jquery DataTables 获取表格数据及行数据

注意table变量是 1.jQuery DataTables 行号获取 $("#example tbody tr").on("click", function() {var index = $(this).context._DT_RowIndex; //行号}); 2.获取表格所有数据 function getTableContent(){ var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行t

jquery.dataTables插件使用例子详解

DataTables是一个jQuery的表格插件.这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格效果图代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery.dataTables插件</title> <link rel

DataTables warning: table id=dataTable - Requested unknown parameter 'acceptId' for row 0. For more

重点内容 DataTables warning: table id=dataTable - Requested unknown parameter 'acceptId' for row 0. For more information about this error, please see http://datatables.net/tn/4 使用jquery.datatable时发生上面错误,配置如下: table = $("#dataTable").dataTable({ &quo

JQuery Datatables服务器端处理示例

HTML <table class="table table-striped table-bordered table-hover" id="table_report"> <thead> <tr role="row"> <th class="table-checkbox"> 选择 </th> <th>图片</th> <th>商品名称

table 表头固定 thead固定. 1) 使用jquery.freezeheader.js

方法一: 使用jquery.freezeheader.js 固定表头: 1-: 初始化: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表格table固定thead表头</title> 6 <style type="text/css"> 7 8 tab

Jquery实战---table高度自动调整

最近一直在搞前端优化,说白了就是旧系统翻新,改变样式,美化一下,再次忽悠用户.虽说的简单,但实际操作中遇到的问题还是不少的. 例如这次遇到了一个比较棘手的问题.table中各种嵌套table,然后border还要自动补齐高度. 把系统中那一模块抽取出来在vs中测试了一把,写了一段js代码,jquery操作dom,各种选择器,实现了要达到的效果. 然而现实和理想是有差距的,嵌套在复杂代码中的一段html不会像一段纯净的html那么好操作.当然各种调试下来,最终也解决了问题. 效果图: 整个是一个大

DataTables 控件使用和心得 (1) - 入门

什么是DataTables DataTables是一个基于HTML/CSS/JavaScript的前端列表组件. 基于JQuery 开源并且免费(除特殊支持服务) 主要特色: 高性能,响应式,功能完整主网站为http://www.datatables.net/ DataTables的优势完整全面的功能其开发团队已经注入了大量心血,功能非常完整,已经可以适应绝大多数前端列表的开发需求. 丰富的API和支持具有相当丰富的参数(Options)和函数(API)对控件进行定义和控制,实现各种灵活

jquery.datatable插件从数据库读取数据

一.分页分页的基本思想是根据datatable的页码及每页显示的行数,将数据从数据库分段提出,然后再填充到表格中,以达到分页的效果. 这里需要用到datatable插件的几个属性: "sEcho":这个属性需要原封不动地传回给datatable,具体的作用我也不清楚,但是根据它值的变化情况来看,好像是一个操作次数的计数(之前我一直把它当做是pageindex来用,结果发现,不论我在datatable中是翻下一页还是翻上一页,它一直在增加.) "iDisplayStart&q