A-A+

JQuery表格插件

2016年02月04日 默认 暂无评论 阅读 3,613 次

如果你懒的了解插件的不同,只是想找个分页的方案,戳这里使用Bootstrap-Table实现分页和排序

最近试验了几个JQuery的表格插件,找寻能够符合我需要的方案,目前方案还没找到,不过大概了解了一下这些插件,把优缺点记录一下,以备以后参考。

三个插件分别是datatable,bootstrap-table,footable。

1.datatable

一个使用比较广的JQuery表格插件,优点是:应用面积广,所以资料颇多;API和接口很充足,可以满足灵活定制的要求。缺点是:网上的大部分资料都是雷同的,而且很肤浅;大量的API和充分的灵活导致上手的曲线陡峭,需要耗费一定的时间。

中文网站的地址是:http://datatables.club/

英文网站的地址是:http://datatables.net/

2.bootstrap-table

顾名思义,一款为了bootstrap框架而生的JQuery表格插件,优点是:自带样式不错;可以脱离JS,使用配置就完成应用。缺点是:就是因为自带样式,所以会覆盖原有的样式,需要使用其自身提供的方式来应用回原有样式,比较麻烦;服务器返回的数据必须符合其能够识别的格式。

网站的地址是:http://bootstrap-table.wenzhixin.net.cn/

3.footable

一个响应式的JQuery表格插件,可以通过配置适应不同的分辨率,在不同的分辨率下会将指定的列隐藏。优点:当然就是响应式,对移动端来说是利好的。缺点:研究了半天,我也没找到如何使用服务器端分页,好像它的分页都是需要将所有数据加载后,再由它在客户端分页。

网站地址是:http://fooplugins.com/plugins/footable-jquery/

其实我想实现的目标很简单。第一,我不想将数据在服务器端进行拼凑,这种拼凑太麻烦,我希望能够使用jquery.load直接加载一个片段过来,作为tbody的内容。第二,我希望能够点击列头排序,同时希望能够自带分页,而这种分页能够支持服务器端分页。目前来看,这些插件还需要更加深入的试验,才有可能寻找到满足需求的方法。

给我留言

Copyright © 字痕随行 保留所有权利.   Theme  Ality

用户登录

分享到: