原生表格组件--GridManager

最新推荐文章于 2024-06-21 07:31:05 发布

写个程序换个饼

最新推荐文章于 2024-06-21 07:31:05 发布

阅读量499

点赞数

分类专栏：表格组件文章标签： javascript vue.js reactjs jquery angular

本文链接：https://blog.csdn.net/iteye_17835/article/details/105101224

版权

GridManager.js是一个快速灵活的表格组件，适用于Table标签的实例化。支持JavaScript、Vue.js、ReactJS、jQuery和Angular，提供安装、引用、API、Demo和数据格式说明，可实现默认配置、分页和调用公开方法等功能。

摘要由CSDN通过智能技术生成

GridManager.js

快速、灵活的对Table标签进行实例化，让Table标签充满活力。

功能	描述
宽度调整	表格的列宽度可进行拖拽式调整
位置更换	表格的列位置进行拖拽式调整
配置列	可通过配置对列进行显示隐藏转换
表头吸顶	在表存在可视区域的情况下,表头将一直存在于顶部
列固定	指定某列固定在左侧或右侧
排序	表格单项排序或组合排序
分页	表格ajax分页,包含选择每页显示总条数和跳转至指定页功能
用户偏好记忆	记住用户行为,含用户调整的列宽、列顺序、列可视状态及每页显示条数
序号	自动生成序号列
全选	自动生成全选列
导出	静态数据导出、动态数据导出、已选数据导出
打印	当前页打印
右键菜单	常用功能在菜单中可进行快捷操作
过滤	通过对列进行过滤达到快速搜索效果
合并	同一列下相同值的单元格可自动合并
树表格	可通过配置快速实现树型表格结构
行移动	可通过配置快速实现行位置移动

npm install gridmanager --save

import 'gridmanager/css/gm.css';
import GridManager from 'gridmanager';

<link rel="stylesheet" href="/node_modules/gridmanager/css/gm.css">
<script src="/node_modules/gridmanager/js/gm.js"></script>