zoukankan      html  css  js  c++  java
  • 表格插件汇总(转载)

    表格插件汇总

    本文链接:https://blog.csdn.net/sweetllh/article/details/79244814

    常用表格插件附官网或中文网:

    Datatables、EasyUI Datagrid 数据网格、pqgrid、jqGrid、bootstrap-table

    一、Datatables

    中文网:http://www.datatables.club/

    Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。
    增删改查功能完整:
    1、分页,管道分页排序,多列同时排序,过滤,全局搜索与单列搜索(下拉选择或文本框输入);
    2、表格信息显示,表格分页数量控制,鼠标移动高亮显示,表格自适应;
    3、表头固定,列固定,表身垂直滚动和水平滚动;
    4、隐藏列;行分组显示,行合计,添加行,选中多行;
    5、几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理;
    6、支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation;
    7、dataTable中文网附带博客,可供参考学习。

    二、EasyUI Datagrid 数据网格

    中文网API: http://www.jeasyui.net/plugins/183.html
    中文网demo:  http://www.jeasyui.net/demo/331.html(多个列子)

    数据网格(datagrid)以表格格式显示数据,并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格(datagrid)的设计目的是为了减少开发时间,且不要求开发人员具备指定的知识。它是轻量级的,但是功能丰富。它的特性包括单元格合并,多列页眉,冻结列和页脚,等等。
    增删改查功能完整:
    1、通过 <table> 标记创建数据网格(datagrid),也可以使用 javascript 创建数据网格(datagrid);
    2、冻结列,隐藏列,调整列尺寸,计算列的平均数和总数,表头固定,垂直滚动条和水平滚动条;
    3、客户端分页,自定义数据表格分页;
    4、栏目组表头,合并单元格;
    5、单元格编辑和行编辑,全部撤销功能

    三、pqgrid

    官网: https://paramquery.com/grid

    pqgrid是开源的,很多功能与EasyUI Datagrid 数据网格差不多,但相比更强大。

    1、通过 <table> 标记创建表格,也可以使用 javascript 创建表格;
    2、冻结列,隐藏列,调整列尺寸,拖拽列,列搜索(分远程和客户端),列排序(分远程和客户端),计算列的平均数和总数,表头固定,垂直滚动条和水平滚动条;
    3、客户端分页,服务端分页;表格信息显示,表格分页数量控制;
    4、编辑,一步步撤销、恢复,全部撤销;
    5、可以下载表格;
    7、可以实现行分组或列分组功能,行分组可以收缩或展开
    8、不好的是,不可以直接复制表格内容,需要通过提高的方法选择单元格或行,高版本的pqgrid是需要花钱买的

    四、jqGrid

    中文网:  http://blog.mn886.net/jqGrid/

    pqGrid有的功能,除了拖拽列和下载表格功能,jqGrid几乎都有,,它们是非常相似的,但本人觉得jqGrid更强大

    1、通过 <table> 标记创建表格,也可以使用 javascript 创建表格;
    2、可以创建主从表格和多级表格,树表格;
    3、隐藏列,调整列尺寸,冻结列;表头排序,表头搜索;
    4、行拖拽;

    五、bootstrap-table

    中文网:  http://bootstrap-table.wenzhixin.net.cn/zh-cn/
    用法和实例大全:  http://www.cnblogs.com/landeanfen/p/4976838.htm
    综合实例;https://www.cnblogs.com/gamehiboy/p/5176618.html
    bootstrap-editable行内编辑: https://www.cnblogs.com/landeanfen/p/5821192.html

    基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展),父子表,行列调序等等的功能。

    六: 百度 在线Excel 转网页

    http://www.docpe.com/excel/excel-to-html.aspx

    它可以帮你获得一个写死的Excel和样式,你可以借用它样式,然后把table部分改成手动拼接+ajax。

  • 相关阅读:
    exercise 1-6
    第五章 Inheritance继承
    wk1&2 字符串
    <转>Python 多线程的单cpu与cpu上的多线程的区别
    Python字典增删操作技巧简述
    Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
    <转>Python3.x和Python2.x的区别介绍
    <转>Python运行的17个时新手常见错误小结
    常见测试流程
    <转>数据库设计的三大范式
  • 原文地址:https://www.cnblogs.com/hao-1234-1234/p/11778655.html
Copyright © 2011-2022 走看看