20个有用的Javascript数据表库

数据表广泛用于Web和移动应用程序中。如果要列出可以用列和行表示的数据,这将非常有用。所以在这篇文章中,我们收集了20个有用的信息 Javascript数据表库 增强数据表。

Clusterize.js

Clusterize.js

微型插件可轻松显示大型数据集

资源

数据表

数据表

它是jQuery Javascript库的插件。它是一种高度灵活的工具,建立在逐步增强的基础上,可将所有这些高级功能添加到任何HTML表中。

资源

脚步表

脚步表

一个基于jQuery的响应表插件,专为Bootstrap设计。不用担心,它也可以在没有Bootstrap的情况下使用!

资源

反应虚拟化

反应虚拟化

反应组件可有效地呈现大型列表和表格数据。

资源

Sheetsee.js

Sheetsee.js

它是一个客户端库,用于将Google Spreadsheets连接到网站并使用表格和图表可视化信息。

资源

数据表

数据表

它是用于浏览和发布数据的工具。它可以帮助人们获取任何形状或大小的数据,并将其发布为交互式,可探索的网站和随附的API。这是针对数据记者,博物馆策展人,档案保管员,地方政府以及其他任何希望与世界共享数据的人。

资源

横卧

横卧

一个简单但功能强大的库,用于以纯Javascript和HTML构建数据应用程序。 横卧重用SlickGrid,Leaflet,Flot和D3等同类最佳的演示文稿库来创建数据‘Views’并允许您在几秒钟内将它们与数据连接起来。

资源

材料设计数据表

材料设计数据表

该模块旨在在Angular Material中实现Material Design数据表。数据表用于显示原始数据集,通常显示在桌面企业应用程序中。数据表对于可视化和处理大型数据集特别有用。

资源

ngx-datatable

ngx-datatable

它是用于显示大型和复杂数据的Angular组件。它具有您希望从任何其他表获得的所有功能,但封装轻巧,没有外部依赖性。桌子设计得非常灵活,轻便。它没有’对您的数据或如何做任何假设:对数据进行过滤,排序或分页。

资源

角度数据表

角度数据表

使用角度指令的数据表。

资源

冰沙

冰沙

Web的简单,现代和交互式数据表库。

资源

Vuetable

可变的

这是一个Vue.js组件,它将自动从服务器请求(JSON)数据,并在带有可交换/可扩展分页子组件的html表中很好地显示它们。您还可以将按钮添加到每一行并向其挂接事件

资源

可调

可调

它的设计易于实现,并且尽可能可定制。它包括一个全面的API,有用的教程以及社区和商业支持。

资源

表格

表格

一个JQuery插件,用于创建基于AJAX的CRUD表。

资源

制表符

制表符

它使您可以在几秒钟内从任何HTML表,JavaScript数组,AJAX数据源或JSON格式的数据创建交互式表。

资源

灰烬表

灰烬表

它是为需要完整,可完全自定义表组件的用户制作的功率表。它具有灵活,可扩展和符合人体工程学的特点,适合日常使用。

资源

StreamTable.js

StreamTable.js

它在后台流式传输表中的数据,并使用诸如Mustache.js,HandleBars.js之类的模板框架更新并呈现它们

资源

SlickGrid

SlickGrid

它是高级的JavaScript网格/电子表格组件。

资源

香草数据表

香草数据表

轻巧,可扩展,无依赖的javascript HTML表格插件。与jQuery 数据表类似,但没有依赖项。

资源

猎豹网格

猎豹网格

它是Web上最快的开源数据表。

资源

9 Comments

  1. 乔希说:

    我使用了其中一些,它们绝对很棒,我建议将Zinggrid.com添加到此列表中。这是我过去几个月一直在使用的方法,并且在构建表格和表格方面取得了很多成功。它们还可以免费用于非商业用途,并具有一个网络应用程序,可让您创建和编辑网格。我会检查一下: http://www.zinggrid.com。希望大家都觉得这很有帮助!

    • 刚尝试使用12万行数据集的zinggrid(在浏览器中使用工作程序解析日志文件期间创建)
      你猜怎么了..

      显示100行很痛苦。
      显示200需要很长时间。
      显示该标签会导致1000次崩溃。

      不要’如果甚至无法处理集群,甚至都不敢发布zinggrid。

      • 在我忘记之前
        辛格里德居然打电话回家
        由于安全相关的原因,我只是不’不允许流量流向第三方域。因此,我在测试过程中使用了它来禁用它:

        ((获取)=> {
        window.fetch =(URL,…args) => {
        如果(/zingsoft\.com/.test(url)){
        返回新的Promise(res => res({text:()=>”0″}));
        }
        return fetch(url, …args);
        }
        })(window.fetch);

        • 尼克·阿德基(Nick Ardecky)说:

          ZingGrid带回家检查许可证服务器。默认情况下,不显示许可证,因此许可证的UI不会闪烁。如果您在本地主机上使用库,则不应’也不会受到任何惩罚。

          ZingGrid是一个商业库,但也可以免费使用。您是否在使用内部网络?您能解释一下为什么这对您来说是安全性问题吗?

      • 尼克·阿德基(Nick Ardecky)说:

        公平地说,ZingGrid不能很好地处理大数据,因为’是第一个投放市场的商业Web组件网格。这意味着什么?节点数。我们有很多组件,例如zg-body,zg-row,zg-cell…等等。DOM爆炸的主要问题是不共享样式,并且没有浏览器实现共享样式。未优化跨120k zg单元分布的影子DOM中的内联样式表。在所有浏览器都无法更改之前,我们无法修复Web组件的致命缺陷。

        您是否以12万行测试了所有其他库?他们是怎么做的?

        使用大数据时,您是否实现了任何功能?服务器分页?服务器搜索?服务器渲染?无限滚动?还是您只是在网络上丢了一个大文件,然后让浏览器解析并呈现它?

        ZingGrid是一个坚实的数据表,数据网格和CRUD网格。我们不处理12万行,但是凭借上述某些功能,我们非常快速且易于使用。

        在做出如此苛刻和笼统的陈述之前,请问问自己。您遵循合理的最佳做法了吗?您是否对所有图书馆都做出了平等的假设?

        • 是的,在测试中或在内存中抛出120k行是荒谬的测试。在最受欢迎的图表库HighCharts上投放100k点,尤其是在功率较低的设备上观看时会窒息。拍摄中位数的Android手机吗’可能会10 10k如果您设计适当类型的演示,任何网格,图表,数据等库都将阻塞。感觉就像是有人专门发布此文章,以使该库下降一两个钉子,如果误读了,似乎明智的做法是开发一个很酷的基准测试并让所有库都去做,这样我们就可以看出哪个优秀用哪种方法。实际上,这将使人们能够选择适合其功能集和情况的网格库,而网格可能会变化很大,而不是一个网格就可以完全统治它们。

  2. 保罗说:

    明确缺少jExcel
    //bossanova.uk/jexcel

  3. 克里斯蒂扬说:

    您好,我不明白为什么当您必须使用Angx来使用ngx-datatables时它们对它们没有依赖性,还是我错了?
    顺便说一句,我对此很陌生。

  4. 罗伯特说:

    那’很好的数据网格集合。如果有人’寻找一个废话&使用类似于Excel的控件的快速可编辑数据网格,请看一下DataGridXL: //datagridxl.com。 (公开:我是作者)

  5. 安德烈说:

    是的,绝对缺少AnyGrid //anygrids.com

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.