惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - Franky
N
Netflix TechBlog - Medium
Google Online Security Blog
Google Online Security Blog
月光博客
月光博客
量子位
酷 壳 – CoolShell
酷 壳 – CoolShell
V
V2EX
腾讯CDC
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
M
MIT News - Artificial intelligence
Vercel News
Vercel News
The GitHub Blog
The GitHub Blog
Hugging Face - Blog
Hugging Face - Blog
博客园 - 【当耐特】
Apple Machine Learning Research
Apple Machine Learning Research
aimingoo的专栏
aimingoo的专栏
博客园 - 三生石上(FineUI控件)
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
MongoDB | Blog
MongoDB | Blog
H
Help Net Security
The Cloudflare Blog
Blog — PlanetScale
Blog — PlanetScale
F
Full Disclosure
G
Google Developers Blog
罗磊的独立博客
Jina AI
Jina AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Y
Y Combinator Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
J
Java Code Geeks
A
About on SuperTechFans
IT之家
IT之家
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
有赞技术团队
有赞技术团队
GbyAI
GbyAI
雷峰网
雷峰网
T
The Blog of Author Tim Ferriss
The Register - Security
The Register - Security
U
Unit 42
D
Docker
Martin Fowler
Martin Fowler
L
LINUX DO - 热门话题
NISL@THU
NISL@THU
阮一峰的网络日志
阮一峰的网络日志
C
Cybersecurity and Infrastructure Security Agency CISA
博客园_首页
Google DeepMind News
Google DeepMind News

博客园 - 梦想天空(山边小溪)

【推荐收藏】分享5款很好用的免费PDF分割工具 10 个图像悬停效果 CSS & JavaScript 代码片段 8个 CSS & JavaScript 实现的照片库(相册)特效 你知道吗?SSR、SSG、ISR、DPR 有什么区别? 15个可以带给你启发的 SVG 动画示例 可能是你见过的最完善的微前端解决方案 最新前沿:2019 年大前端技术趋势分析 【精彩回顾】第二届微医前端技术沙龙(附PPT下载) 2018年度 35 个最好用 Vue 开源库 15个新鲜出炉的 Photoshop 文本效果教程 10个美丽的例子,插图在网页设计中的应用 分享8个非常时髦的翻页特效(附代码片段) 【Vue课堂】Vue.js 父子组件之间通信的十种方式 Tippy.js – 轻量的 Javascript Tooltip 工具库 12个美丽的网站与受到日出启发的配色方案 精选:3个可以下载免费的高质量照片的网站 nativefier - 快速把任意网页生成桌面应用程序 Mark Text - 下一代所见即所得的Markdown编辑器 Puppeteer - 谷歌推出的自动化测试工具库
分享12款 JavaScript 表格控件(DataGrid)
梦想天空(山边小溪) · 2018-02-24 · via 博客园 - 梦想天空(山边小溪)

  JavaScript 表格控件可以操作大数据集的 HTML 表格,提供各种功能,如分页、排序、过滤以及行编辑。在本文中,我们整理了13个最好的 JavaScript 表格插件分享给开发人员,开发者可以很容易地添加表格操作功能到 Web 应用程序中。

您可能感兴趣的相关文章

1. DataTables

datatables

DataTables是jQuery JavaScript库的插件。 这是一个高度灵活的工具,基于逐步增强的基础,并将向任何HTML表添加高级交互控件。 这个库包括分页,即时搜索和多列排序,并支持几乎所有的数据源,如DOM,JavaScript,Ajax和服务器端处理。

2. Handsontable

Handsontable

Handsontable是可扩展的电子表格解决方案,用于创建出色的应用程序。 这个开箱即用的解决方案随CLI工具一起提供,因此您可以根据需要使用尽可能多的插件构建您的创作。 更重要的是,Handsontable是一张空白的画布,所以你可以创建自己的外观和感觉。

3. JsGrid

jsgrid

jsGrid是一个基于jQuery的轻量级客户端数据网格控件。 它支持基本的网格操作,如插入,过滤,编辑,删除,分页和排序。 jsGrid非常灵活,可以自定义外观和组件。jsGrid有一个灵活的寻呼机,可以在客户端和服务器端分页数据。 jsGrid提供了不同的列类型:文本,数字,选择,复选框等。

4. SlickGrid

slickgrid
SlickGrid is a JavaScript grid/spreadsheet component. It is an advanced component and is going to be a bit more difficult to learn and configure, but once you realize its full potential, it will blow your mind! SlickGrid has adaptive virtual scrolling, supports jQuery UI themes, extremely fast rendering speed, easy to configure and customizable, and includes column autosizing, grouping filtering and many other useful features.

5. FancyGrid

fancygrid
FancyGrid is a complete solution for creating Grids for your web applications. FancyGrid is a grid library which comes with chart integration (highcharts and sparkling), server communication and many other useful features.

This library includes more than 25+ features like paging, sorting, filtering, validation, Ajax data, files data, REStful, touch support, Angular JS directive and much more.

FancyGrid is a plugin free library and it has no dependency but integrated with jQuery and AngularJS. FancyGrid also includes number of samples, professional support, elegant API and of course detailed documentation for easy use.

Also it has big form module(FancyForm) that is integrated with FancyGrid.

6. Ag Grid

aggrid
ag-Grid is an Enterprise Grade JavaScript Data Grid. The purpose of ag-Grid is to provide a data grid that enterprise software can use for building applications such as reporting and data analytics, business workflow and data entry. The author, having spent years building applications in C++, Java and JavaScript, found the choice of grids in JavaScript lacking, especially in comparison to what was in other languages frameworks. Ag-Grid is the result of turning frustration into answers, providing a grid worthy of enterprise development.

7. jqGrid

jqgrid
jqGrid is an Ajax-enabled JavaScript control that provides solutions for representing and manipulating tabular data on the web. Since the grid is a client-side solution loading data dynamically through Ajax callbacks, it can be integrated with any server-side technology, including PHP, ASP, Java Servlets, JSP, ColdFusion, and Perl.

8. jQWidgets

jQwidget
jQWidgets provides a comprehensive solution for building professional web sites and mobile apps. It is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery. jQWidgets enables responsive web development and helps you create apps and websites that look beautiful on desktops, tablets and smart phones. You can use jQWidgets with TypeScript, popular frameworks like AngularJS, Angular 2, KnockoutJS and server-side technologies like ASP.NET MVC, PHP, JSP and Node.js

jQWidgets is a feature complete framework with professional touch-enabled jQuery widgets, themes, input validation, drag & drop plug-ins, data adapters, built-in WAI-ARIA accessibility, internationalization and MVVM support.

9. W2ui

w2ui
The w2ui library is a set of interrellated jQuery plugins. It is not a adhoc port to jQuery, but was initially developed with jQuery in mind. There is no support of other frameworks such as prototype or dojo. The w2layout object allows you to create stretchable and resizable layouts with up to 6 panels. The panels are top, left, main, preview, right, and bottom. You do not have to create and initialize all 6 panels, but only the panels you need in your application.

Out of the box w2ui library is all-in-one solution. It contains all most common UI widgets: Layout, Grid, Sidebar, Tabs, Toolbar, Popup, Field Controls and Forms. You do not need to put together a collection of mismatched plugins to accomplish your goals.

10. EmberTable.js

ember table
Ember Table allows you to handle very large data sets by only rendering the rows that are being displayed. It is written as an ember component with an API that is easy to understand and extend. It includes lazy rendering and supports millions of rows, has support for column resizing and reordering, and easy to configure, customizable and extendable.

11. dhtmlxGrid

dhtmlxGrid
dhtmlxGrid is a full-featured JavaScript grid control that provides cutting-edge functionality, powerful data binding, and fast performance with large data sets. Rich and intuitive JavaScript API makes the grid highly customizable and easy-to-use. dhtmlxGrid can load data from different data sources: XML (custom format supported), JSON, CSV, JavaScript array, and HTML table.

With this js grid view component, you can easily create nice-looking, Ajax-enabled tables with rich in-cell editing, built-in filtering, searching, and grouping capabilities. Smart Rendering and paging support ensure fast loading speed even with huge datasets. Numerous event handlers allow you to add necessary interactivity to the grid.

12. jQuery King Table

jquery king table
KingTable is a jQuery plugin for administrative tables that are able to build themselves, on the basis of their input data. It supports client and server side pagination; client and server side search; custom filters views; automatic menu to hide and reorder columns and support for custom tools. Client side export feature into: csv, json and xml formats.

13. ApeendGrid

appendgrid
appendGrid allow you to input structured data row by row such like filling spreadsheets. It allows you to add/remove/insert/delete row in the grid. The generated input/select/textarea controls are well named for submitting to server side applications such as ASP.NET/PHP/JSP. Multiple options and callback events are available to fit every situation.

您可能感兴趣的相关文章

本文链接:分享整理的12款 JavaScript 表格控件(DataGrid)

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源