Plone集成jquery.dataTables插件
项目描述
简介
DataTables 是一个基于 jQuery JavaScript 库的插件。它是一个高度灵活的工具,基于渐进增强的原则,将为任何 HTML 表格添加高级交互控件。
此版本包含不带示例的 DataTables 1.10.11。它提供了一个 @@example.datatables 视图。
安装
提供了一个通用设置配置文件,用于将 jquery.dataTables 添加到 portal_javascript,以压缩选项设置为 无 的最小化版本。
升级
警告,使用 10.0.4 JS 时,核心插件的 JS 和 CSS 都在上游包装中被重命名,请准备好更新插件的 JS & CSS 包含 URL!
jQuery.dataTables 的主要功能
可变长度的分页
即时过滤
多列排序,具有数据类型检测
智能处理列宽
从几乎所有数据源显示数据
表格视口滚动选项
完全国际化
jQueryUI ThemeRoller 支持
稳健可靠 - 由 1400 多个单元测试支持
广泛的各种插件,包括 TableTools、FixedHeader 和 KeyTable
它是免费的!
状态保存
隐藏列
动态创建表格
Ajax 自动加载数据
自定义 DOM 定位
单列过滤
替代分页类型
非破坏性 DOM 交互
排序列高亮显示
广泛的插件支持
完全通过 CSS 主题化
坚实的文档
60 多个预构建示例
完全支持 Adobe AIR
源代码可在 github 上找到
插件
此插件集成了额外的插件
AutoFill 1.2.1
ColReorder 1.1.2
ColVis 1.1.1
FixedColumns 3.0.2
FixedHeader 2.1.2
KeyTable 1.2.1
Responsive 1.0.3
Scroller 1.2.2
TableTools 2.2.3
如何使用 TableTools
首先在模板中包含依赖项,或在 portal_javascripts 中注册这些依赖项
<link rel="stylesheet" type="text/css" media="screen" href="++resource++jquery.datatables/media/css/jquery.dataTables.css"> <link rel="stylesheet" type="text/css" media="screen" href="++resource++jquery.datatables/media/css/jquery.dataTables_themeroller.css"> <link rel="stylesheet" type="text/css" media="screen" href="++resource++jquery.datatables/extras/TableTools/media/css/dataTables.tableTools.min.css"> <script type="text/javascript" src="++resource++jquery.datatables.js"></script> <script type="text/javascript" src="++resource++jquery.datatables/extras/TableTools/media/js/dataTables.TableTools.js"></script> <style type="text/css">.clear{clear:both}</style>
然后您可以创建您的 DataTables
var oTable = $('#mydatatable').dataTable({ "sDom": 'T<"clear">lfrtip', "oTableTools": {"sSwfPath": "++resource++jquery.datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"} });
如何使用翻译
此插件提供了 DataTables 的翻译。要使用翻译,您必须在初始化 DataTables 时提供 sUrl 参数
$(document).ready(function() { $('#example').dataTable( { "oLanguage": { "sUrl": "@@collective.js.datatables.translation" } } ); } );
致谢
公司
贡献者
Nejc Zupan (zupo)
Martijn Pieters
Luca Fabbri (keul)
Jens Klein (jensens)
Mathieu Le Marec - Pasquet (kiorky) <kiorky@cryptelium.net>
Robert Niederreiter (rnix)
Peter Holzer (agitator)
变更日志
4.1.2 (2016-09-21)
使用添加了 require.js 包装解决方案的压缩版本 [agitator]
4.1.1 (2016-05-07)
添加了简体中文翻译。 [jianaijun]
将 DataTables 更新到 1.10.11,因为 1.10.4 存在 XSS 漏洞(cve-2015-6384)[gemnasium]
4.0.0 (2016-04-25)
基本 Plone 5 支持。按照在 https://github.com/collective/example.p4p5#cssjs-declaration-in-plone-5 中完成的方式分离配置文件并注册资源 [rnix]
3.1.10.5 (2015-06-25)
手动禁用 AMD 加载。由于 Mockup 中不包含此功能,它与它不太兼容。 [thet]
3.1.10.4 (2015-01-29)
datatables 1.10.4 重大更新 [kiorky]
芬兰语翻译 [petri]
2.0.1 (2014-01-25)
对意大利语翻译的微小修复 [keul]
现在激活了压缩 JS [keul]
2.0 (2012-10-19)
直接使用 zope.i18n.translate 并避免受限制的 Python 调用。 [jensens]
重构代码以进行更通用的递归字典树遍历。[jensens]
更新德语翻译,并用更通用的词“条目”代替“数据集”。[jensens]
升级到 DataTables 1.9.4。[toutpt]
1.9.3.1 (2012-08-09)
添加翻译:德语、荷兰语、西班牙语、意大利语。[ebrehault]
升级到 DataTables 1.9.3。
1.9.2.3 (2012-07-14)
添加包含法语翻译的本地化文件夹。[toutpt]
添加集体.js.datatables.translation 视图以使用翻译。[toutpt]
添加意大利语翻译。[keul]
1.9.2.2 (2012-06-22)
更新到 DataTables 1.9.2。
1.9.2.1 (2012-04-25)
在 cssregistry 中注册 datatables 的 css。[toutpt]
将示例移动到分模块中。[toutpt]
1.9.2 (2012-04-24)
升级所有插件并添加相关文档。[toutpt]
升级 jQuery.dataTables 到 1.9.1。[toutpt]
1.9.1 (2012-02-12)
在 README 中添加缺失的结尾换行符。[zupo]
同时增加 README 中的版本号。[zupo]
1.9 (2012-02-12)
升级到 jQuery.dataTables 的最新版本。[zupo]
1.8.0.2 (2011-09-26)
更新贡献者。[toutpt]
1.8.0.1 (2011-08-08)
应用了来自 github.com/DataTables/TableTools.git 的提交 547af3f4987d6194438d,该提交修复了在使用服务器端处理时 TableTools 的问题。[zupo]
1.8.0 (2011-06-18)
升级到 jQuery.dataTables 的最新版本。[zupo]
1.7.5.2 (2011-05-23)
从默认配置中移除“无压缩”。添加升级步骤。
1.7.5.1 (2011-01-13)
升级到 jQuery.dataTables 的最新版本。[mj]
1.7.4.3 (2010-11-16)
修复打包问题。[esteele]
1.7.4.2 (2010-11-09)
添加对 esteele 旧版本的兼容性。[toutpt]
1.7.4.1 (2010-11-09)
初始发布。
项目详情
下载文件
下载适用于您平台的文件。如果您不确定选择哪个,请了解更多关于 安装包 的信息。