今天我给大家带来一个简单的JQ插件,Ajax获取数据后动态生成table。当然,有这种功能的插件有很多。著名的有DataTable、JqGrid……它们虽然功能丰富,成熟,拿来做二次开发是一个不错的选择。但是,我仍然自己写了一个插件,原因很简单,它们太庞大了,它的百分之九十的功能我都用不上。
下面是效果展示:我是用的AmazeUI做的当然,这都不重要,你只需要一个有Table标签的Html就可以了。
第一步:写一段html<table style="border-spacing: 50px 20px;" id="table">
<thead>
<tr>
<th>用户名</th>
<th>角色</th>
<th>状态</th>
<th>是否激活</th>
<th>创建时间</th>
<th>最后登录</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
效果是这样的:
第二步:新建一个js文件,因为是要作为一个插件