分享表格组件-GridManager

GridManager

优势

• 纯原生javascript实现，不依赖任何框架
• 使用简单快捷，功能强大
• 与用户进行沟通，采纳来自于使用的需求，并不间段的进行升级维护

特色功能

• 表格的列宽度可进行拖拽式调整
• 表格的列位置进行拖拽式调整
• 可通过配置对列进行显示隐藏转换
• 在表存在可视区域的情况下,表头将一直存在于顶部
• 表格单项排序或组合排序
• 表格ajax分页,包含选择每页显示总条数和跳转至指定页功能
• 记忆用户行为,含用户调整的列宽、列顺序、列可视状态及每页显示条数
• 分页、排序、刷新时自动进行数据加载，且提供相应的before、after事件
• 自动生成序号列
• 自动生成全选列
• 当前页数据导出、已选中数据导出
• 右键菜单快捷操作

生成示例

这是一个很简单的示例，具体的请参考demo

<table grid-manager="demo-baseCode"></table>

var table = document.querySelector('table[grid-manager="demo-baseCode"]')
table.GM({
    ajax_url: 'http://www.lovejavascript.com/learnLinkManager/getLearnLinkList'
    ,ajax_type: 'POST'
    ,query: {pluginId: 1}
    ,columnData: [
        {
            key: 'name',
            text: '名称'
        },{
            key: 'info',
            text: '使用说明'
        },{
            key: 'url',
            text: 'url'
        }
    ]
})

相关链接

• 主站: http://gridmanager.lovejavasc...
• github: https://github.com/baukh789/G...