分享表格組件-GridManager

KaltZK 發布于2019-08-22 15:02 / 2323人閱讀

摘要：優勢純原生實現，不依賴任何框架使用簡單快捷，功能強大與用戶進行溝通，采納來自于使用的需求，并不間段的進行升級維護特色功能表格的列寬度可進行拖拽式調整表格的列位置進行拖拽式調整可通過配置對列進行顯示隱藏轉換在表存在可視區域的情況下表頭將一直存

GridManager

優勢

純原生javascript實現，不依賴任何框架

使用簡單快捷，功能強大

與用戶進行溝通，采納來自于使用的需求，并不間段的進行升級維護

特色功能

表格的列寬度可進行拖拽式調整

表格的列位置進行拖拽式調整

可通過配置對列進行顯示隱藏轉換

在表存在可視區域的情況下,表頭將一直存在于頂部

表格單項排序或組合排序

表格ajax分頁,包含選擇每頁顯示總條數和跳轉至指定頁功能

記憶用戶行為,含用戶調整的列寬、列順序、列可視狀態及每頁顯示條數

分頁、排序、刷新時自動進行數據加載，且提供相應的before、after事件

自動生成序號列

自動生成全選列

當前頁數據導出、已選中數據導出

右鍵菜單快捷操作

生成示例

這是一個很簡單的示例，具體的請參考demo

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...

云服務器 GPU云服務器分享組件 vuejs表格組件 bootstrap表格組件 GridManager

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/93106.html

React 表格組件 GridManager-React

摘要：基于的封裝用于便捷的在中使用除過特性外，其它與相同。刷新更新查詢條件其它更多請直接訪問查看當前版本的版本的版本 GridManager React 基于 React 的 GridManager 封裝, 用于便捷的在 React 中使用GridManager. 除過React特性外，其它API與GridManager API相同。 showImg(https://segmentfault...

cyixlq 2019-08-23 18:04 評論0 收藏0
Vue表格組件--GridManager Vue

摘要：基于的封裝用于便捷的在中使用除過特性外，其它與相同。非必設項篩選條件列表數組對象。格式在使用時該參數為必設項。并且使用服務需要提前通過將注冊至全局組件。刷新或更新查詢條件或其它更多請直接訪問查看當前版本 GridManager Vue 基于 Vue 的 GridManager 封裝, 用于便捷的在 Vue 中使用GridManager. 除過Vue特性外，其它API與GridManag...

khs1994 2019-08-23 16:46 評論0 收藏0
vue表格組件

摘要：基于的封裝用于便捷的在中使用除過特性外，其它與相同。非必設項篩選條件列表數組對象。格式在使用時該參數為必設項。非必設項，選中的過濾條件將會覆蓋否為多選布爾值默認為。刷新更新查詢條件其它更多請直接訪問查看當前版本 GridManager Vue 基于 Vue 的 GridManager 封裝, 用于便捷的在 Vue 中使用GridManager. 除過Vue特性外，其它API與GridM...

ysl_unh 2019-08-26 12:10 評論0 收藏0
表格組件 GridManager Angular 1.x

摘要：非必設項篩選條件列表數組對象。格式在使用時該參數為必設項。前端雞湯前端框架前端相關篩選選中項，字符串默認為。非必設項，選中的過濾條件將會覆蓋否為多選布爾值默認為。刷新更新查詢條件其它更多請直接訪問查看當前版本 GridManager Angular 1.x 基于 Angular 1.x 的 GridManager 封裝, 用于便捷的在 Angular 中使用GridManager. s...

darcrand 2019-08-23 16:46 評論0 收藏0
GridManager 隱藏列

摘要：表格管理組件，對列的隱藏與顯示的操作有兩種方式。初始化時指定列為隱藏或顯示狀態。在已經執行過的前提下，可通過如下方式對列進行操作對第一列進行顯示對第二列進行隱藏批量操作隱藏第二和第三列批量操作顯示全部列 GridManager 表格管理組件，對列的隱藏與顯示的操作有兩種方式。初始化時指定列為隱藏或顯示狀態。方式如下: var table = document.querySele...

luqiuwen 2019-08-22 17:05 評論0 收藏0