jQuery-DataTables插件
下载DataTables插件
HTML部分:
1.自定义搜索框
物料名称:<input type="text" > }],
//默认按照第3列倒序排序
"aaSorting": [
[2, "desc" ]
],
columnDefs: [{
"sortable":false,"targets":[4]//第5列不参加排序
}]
});
//自定义搜索框监听器,刷新页面数据
$('#ma_name,#min,#max').keyup(function() {
table.ajax.reload( null, true );
});
});
function render( data, type, row, meta ){}
data:当前cell的值(基于 columns.dataOption
)
type:数据类型(filter
、display
、type
、sort
)
row:当前一整条数据,可以取得本条数据任何参数
meta:objectType
注:从 1.10.1版开始: 一个对象包含了单元格的附加信息. 对象包含如下属性:
row
- 被请求的单元格行的索引.参考row().index()API
col
- 被请求的单元格列的索引.column().index()API
settings
-Datatables.SettingsType
API实例
如果使用render动态创建标签元素,此标签的监听事件应使用live();例如:$('.regName').live('dblclick',function(){});