本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- benladeng5225
- wallimn
- ranbuijj
- javashop
- jickcai
- fantaxy025025
- zw7534313
- qepwqnp
- robotmen
- 解宜然
- ssydxa219
- sam123456gz
- zysnba
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
- Xeden
最新文章列表
dataTables的鼠标移入移出,分割内容
/*鼠标移入移出*/
<style type="text/css">
table{
table-layout: fixed;
}
.msgtable{
overflow: hidden;/*内容超出宽度会隐藏超出部分*/
word-break: keep-all;/*不换行*/
...
DataTables 去掉搜索框
DataTables
version 1.9.4
添加属性
"bFilter":false,
"bLengthChange":false,
或者
修改方法 _fnAddOptionsHtml
注释掉下面两行
else if ( cOption == 'f' && oSettings.oFeatures.bFilter )
...
DataTables源码解析
一、
// 取出给定数组对象中的某一个属性的所有值
var _pluck = function ( a, prop, prop2 );
// test
var targets = [{name: '张三', age: 18}, {name: '李四', age: 20}];
_pluck(targets, 'name');
// result
["张三", "李四&qu ...
DataTables封装的操作
var DatatableHelper = function() {
var tableOptions; // main options
var dataTable; // datatable object
var table; // actual table jquery object
var tableContainer; // actual tabl ...
datatables跳转到多少页功能
datatables提供了自定义的翻页功能,可是在实际使用中可能不能满足我们的需求,现在就需要输入页面,跳到输入页码的功能,经过百度帮组实现功能,首先找到DT_bootstrap.js文件,大概在130行左右,我们可以添加自定义的功能,具体代码如下:
$(nPaging).append(
'<ul class="pagination" ...
使用jquery插件datatable 遇到的一点问题
今天想找一个比较不错的表格插件,以前使用过一些,最终觉得DataTables不错,决定深入研究一下,便把官方文档的一个带数据库的事例自己亲自在eclipse做了一遍,途中非常坎坷,足足费了一个下午,还好结果比较圆满,下面做一下总结:
1、问题:加载数据问题。
官方给的事例是用Php说明动态加载数据,我是做jsp的,当然得自己做,如何用jsp生成json格式数据成了第一个问题。下面是解 ...
JQuery表格插件介绍:Flexigrid和DataTables
JQuery的表格插件有很多。Flexigrid和DataTables是我最近使用的,并且功能比较强大,在这里介绍一下。如果你在寻找前端绘制表格的插件,可以考虑它们。
Flexigrid
官方Flexigrid的特性展示:
列宽度可拖拽调整
高度和宽度可拖拽调整
列头可排序
【转】Jquery 表格插件DataTables
1、特性
可变长度分页;
动态过滤;
多列排序,带数据类型检测功能;
列宽度的智能处理;
从多种数据源获取数据(DOM,js Array, ajax file, server-side returning);
滚动配置属性;
完整国际化支持;
jquery UI ThemeRoller支持;
经历了个2600多个单元测试,相当牢固;
有为数不少的插件支持;
免费的; ...
在Datatables中加入错误提示功能
经常用Datatables的童鞋一定碰到过当采用服务端请求的时候,一旦后台出现异常,Datatables的会一直卡在那里,中间的正在处理的提示一直停留着。
为了能给用户更好的体验,需要对Datatables进行扩展和自定义错误处理函数。
首先到Datatables官网获取一个插件:
http://datatables.net/plug-ins/api
插件很小,代码如下所示:
jQuery. ...
Datatables中文API——回调函数
推荐是用ctrl+f查找使用,有写的不对的地方,也希望大家拍砖
更多datatables在http://dt.thxopen.com/ 欢迎大家来做客
fnCookieCallback:还没有使用过
$(document).ready( function () {
$('#example').dataTable( {
"fnCookieCallback": ...
Datatables中文API——基本参数
更多datatables在http://dt.thxopen.com/ 欢迎大家来做客
鉴于自己一直在使用datatables,发现这是个很不错的表格插件,但是好的东西都是英文的,所以我结合自 ...
rails3 使用jquery-datatables-rails
环境:ruby1.8.7 rails 3.2.7
1.下载jquery-datatables-rails,在gemfile文件中添加 gem "jquery-datatables-rails", "~> 1.10.0"
后执行bundle install
group :assets do
gem 'sass-rails ...
jQuery dataTables 的使用
jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。dataTables 的网站上也提供了大量的演示和详细的文档进行说明,为了方便学习使用,这里一步一步进行说明。
首先,需要到 dataTables 的网站 http://www.datatables.net/ 下载这个脚本库,
目前最新的版本是 1.8 ...
flexigrid、sigmagrid、datatables使用
最近把datatables熟悉了下,做了个小的demo,后来想下,以后要是用到类似的grid的时候,为什么不做个集合了,so就有了这个东西了。
项目采用的是spring3mvc+mybatis,应该还比较好用。
引入的js插件有:
lhgdialog 弹出窗口组件
日期插件
jQuery formValidator
数据库脚本在webapp/rea ...
datatables小结
www.datables.net
,key features在此就不在描叙了,主页上都有,基本的配置也有相应的examples,在此主要写一些在实践中遇到的问题。
1.
bServerSide
:
Configure DataTables to use server-side processing. Note that the
sAjaxSource
para ...