columns样式 jquery_jQueryJSON数据转换为html表插件Columns

插件描述：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