插件描述:Columns有一个简单的方法将JSON数据转换成HTML表 并实现排序、搜索、分类、分页、过滤等功能。所以你只需要的是提供数据,其余的交给Columns来作。
Columns创建JSON数据转化为HTML方法
引用jQuery库1.7或更高版本和Columns插件文件:
包含一个预先构建的列或创建自己的主题
由于动态列创建所有必需的HTML,HTML唯一需要的是一个空的HTML元素,比如< div >标记,与相应的id作为初始化使用。
最后,初始化Columns.
$(document).ready(function() {
var json = [{"col1":"row1", "col2":"row1", "col3":"row1"}, {"col1":"row2", "col2":"row2", "col3":"row2"}];
$('#columns').columns({data:json});
});
Columns详细参数请查看demo