界面框架

1、布局框架

访问地址:http://layout.jquery-dev.com/index.cfm
demo:http://layout.jquery-dev.com/demos.cfm
可以满足多种复杂或者简单的布局,支持拖拉操作:

Alt text

2、表格框架
2.1、SlickGrid(https://github.com/Celebio/SlickGrid)

1)、支持表格的排序、列宽度的拖拽调整、表格中列的可编辑、表格中可编辑单元格中的各种控件(时间选择、下拉框、滑动条、复选框等等)、表格中添                                    加树形菜单、表格列宽度随着窗口大小自动调整;

Alt text

Alt text

2)、可以在表格中直接框选复制-粘贴、对单元格中的值动态筛选、表格中的一些值的汇总计算以及展示、框选复制粘贴

Alt text

3)、表格数据的渲染速度也非常不错,50万条静态数据一次加载渲染到表格中1-3秒时间

Alt text

2.2、 paramquery(http://paramquery.com/grid)

1)、表格拖拉控制宽度、排序、可编辑

Alt text

2)、可以对添加表格中的数据、以及对表格中的某几列数据添加横向滚动条

Alt text

3)、可以对表格头部进行复杂的嵌套汇总显示:

Alt text

2.3、 jqwidgets(http://www.jqwidgets.com/)

这个表格框架还是相当的强大的,你能想到的,你将用到的都为你提供了,总之一两句话表达不彻底,需要你去亲自体验!不过有些浏览器兼容可能会出些问题,我在使用过程中由于兼容问题,我修改了其内核js文件解决的。

DEMO体验地址:http://www.jqwidgets.com/jquery-widgets-demo/

Alt text

3、界面风格

3.1、 semantic-ui (http://semantic-ui.com/)

3.2、 topcoat (http://topcoat.io/topcoat/)