摘要:優(yōu)勢(shì)純?cè)鷮?shí)現(xiàn),不依賴(lài)任何框架使用簡(jiǎn)單快捷,功能強(qiáng)大與用戶進(jìn)行溝通,采納來(lái)自于使用的需求,并不間段的進(jìn)行升級(jí)維護(hù)特色功能表格的列寬度可進(jìn)行拖拽式調(diào)整表格的列位置進(jìn)行拖拽式調(diào)整可通過(guò)配置對(duì)列進(jìn)行顯示隱藏轉(zhuǎn)換在表存在可視區(qū)域的情況下表頭將一直存
GridManager 優(yōu)勢(shì)
純?cè)鷍avascript實(shí)現(xiàn),不依賴(lài)任何框架
使用簡(jiǎn)單快捷,功能強(qiáng)大
與用戶進(jìn)行溝通,采納來(lái)自于使用的需求,并不間段的進(jìn)行升級(jí)維護(hù)
特色功能表格的列寬度可進(jìn)行拖拽式調(diào)整
表格的列位置進(jìn)行拖拽式調(diào)整
可通過(guò)配置對(duì)列進(jìn)行顯示隱藏轉(zhuǎn)換
在表存在可視區(qū)域的情況下,表頭將一直存在于頂部
表格單項(xiàng)排序或組合排序
表格ajax分頁(yè),包含選擇每頁(yè)顯示總條數(shù)和跳轉(zhuǎn)至指定頁(yè)功能
記憶用戶行為,含用戶調(diào)整的列寬、列順序、列可視狀態(tài)及每頁(yè)顯示條數(shù)
分頁(yè)、排序、刷新時(shí)自動(dòng)進(jìn)行數(shù)據(jù)加載,且提供相應(yīng)的before、after事件
自動(dòng)生成序號(hào)列
自動(dòng)生成全選列
當(dāng)前頁(yè)數(shù)據(jù)導(dǎo)出、已選中數(shù)據(jù)導(dǎo)出
右鍵菜單快捷操作
生成示例這是一個(gè)很簡(jiǎn)單的示例,具體的請(qǐng)參考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: "名稱(chēng)" },{ key: "info", text: "使用說(shuō)明" },{ key: "url", text: "url" } ] })相關(guān)鏈接
主站: http://gridmanager.lovejavasc...
github: https://github.com/baukh789/G...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/93106.html
摘要:基于的封裝用于便捷的在中使用除過(guò)特性外,其它與相同。刷新更新查詢(xún)條件其它更多請(qǐng)直接訪問(wèn)查看當(dāng)前版本的版本的版本 GridManager React 基于 React 的 GridManager 封裝, 用于便捷的在 React 中使用GridManager. 除過(guò)React特性外,其它API與GridManager API相同。 showImg(https://segmentfault...
摘要:基于的封裝用于便捷的在中使用除過(guò)特性外,其它與相同。非必設(shè)項(xiàng)篩選條件列表數(shù)組對(duì)象。格式在使用時(shí)該參數(shù)為必設(shè)項(xiàng)。并且使用服務(wù)需要提前通過(guò)將注冊(cè)至全局組件。刷新或更新查詢(xún)條件或其它更多請(qǐng)直接訪問(wèn)查看當(dāng)前版本 GridManager Vue 基于 Vue 的 GridManager 封裝, 用于便捷的在 Vue 中使用GridManager. 除過(guò)Vue特性外,其它API與GridManag...
摘要:基于的封裝用于便捷的在中使用除過(guò)特性外,其它與相同。非必設(shè)項(xiàng)篩選條件列表數(shù)組對(duì)象。格式在使用時(shí)該參數(shù)為必設(shè)項(xiàng)。非必設(shè)項(xiàng),選中的過(guò)濾條件將會(huì)覆蓋否為多選布爾值默認(rèn)為。刷新更新查詢(xún)條件其它更多請(qǐng)直接訪問(wèn)查看當(dāng)前版本 GridManager Vue 基于 Vue 的 GridManager 封裝, 用于便捷的在 Vue 中使用GridManager. 除過(guò)Vue特性外,其它API與GridM...
摘要:非必設(shè)項(xiàng)篩選條件列表數(shù)組對(duì)象。格式在使用時(shí)該參數(shù)為必設(shè)項(xiàng)。前端雞湯前端框架前端相關(guān)篩選選中項(xiàng),字符串默認(rèn)為。非必設(shè)項(xiàng),選中的過(guò)濾條件將會(huì)覆蓋否為多選布爾值默認(rèn)為。刷新更新查詢(xún)條件其它更多請(qǐng)直接訪問(wèn)查看當(dāng)前版本 GridManager Angular 1.x 基于 Angular 1.x 的 GridManager 封裝, 用于便捷的在 Angular 中使用GridManager. s...
摘要:表格管理組件,對(duì)列的隱藏與顯示的操作有兩種方式。初始化時(shí)指定列為隱藏或顯示狀態(tài)。在已經(jīng)執(zhí)行過(guò)的前提下,可通過(guò)如下方式對(duì)列進(jìn)行操作對(duì)第一列進(jìn)行顯示對(duì)第二列進(jìn)行隱藏批量操作隱藏第二和第三列批量操作顯示全部列 GridManager 表格管理組件, 對(duì)列的隱藏與顯示的操作有兩種方式。 初始化時(shí)指定列為隱藏或顯示狀態(tài)。方式如下: var table = document.querySele...
閱讀 3693·2021-11-23 09:51
閱讀 2913·2021-11-23 09:51
閱讀 749·2021-10-11 10:59
閱讀 1778·2021-09-08 10:43
閱讀 3307·2021-09-08 09:36
閱讀 3365·2021-09-03 10:30
閱讀 3356·2021-08-21 14:08
閱讀 2292·2021-08-05 09:59