Grid.js是使用TypeScript编写的免费和开放源代码HTML表格插件

最新推荐文章于 2026-04-19 08:44:11 发布

原创最新推荐文章于 2026-04-19 08:44:11 发布 · 1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Grid.js是一款用TypeScript编写的免费开源HTML表格插件，兼容多种JavaScript框架如React、Angular及Vue等。该插件具备易用性和高度可扩展性的特点。

Grid.js是使用TypeScript编写的免费和开放源代码HTML表格插件。它适用于大多数JavaScript框架，包括 React， Angular， Vue 和 VanillaJs。

使用方便

Grid.js API的简单性将帮助您通过一些简单明了的步骤来开发高级HTML表。

可扩展的

Grid.js利用高级管道来处理数据。该管道非常容易扩展和改进。

免费和开源

Grid.js是免费的并且是开源的，并根据MIT许可发布。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

allway2

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

gridjs:高级表格插件

03-19

Grid.js 高级表格插件一个可在任何地方使用的表库简单轻巧的实现没有供应商锁定。 Grid.js可以与任何JavaScript框架（React，Angular，Preact或VanillaJS）一起使用用TypeScript编写支持所有现代浏览器和IE11 + 例子 new Grid ( { data : [ [ 'Mike' , 33 , 'mike@murphy.com' ] , [ 'John' , 82 , 'john@conway.com' ] , [ 'Sara' , 26 , 'sara@keegan.com' ] ] , columns : [ 'Name' , 'Age' , 'Email' ] } ) . render ( document . getElementById ( 'wrapper' ) ) ; 一片 :shortcake:

1 条评论您还未登录，请先登录后发表或查看评论

JsGrid官网离线版/离线文档

02-12

使用方法：解压缩-->打开js-grid文件夹-->打开js-grid.com文件夹-->打开index.htm

CodeLite工作区管理：多项目协同开发的高效工作流程

最新发布

gitblog_00442的博客

04-19

295

CodeLite作为一款专注于C/C++、Rust、Python、PHP和Node.js的多功能IDE，其工作区管理功能是实现多项目协同开发的核心。通过合理配置工作区，开发者可以轻松管理复杂项目结构，实现高效的代码组织与构建流程。本文将详细介绍CodeLite工作区的创建、配置与优化技巧，帮助新手快速掌握多项目开发的高效工作方式。 ## 什么是CodeLite工作区？ CodeLite工作区是

React技术原理与代码开发实战：从表单到表格

禅与计算机程序设计艺术

11-03

245

作者：禅与计算机程序设计艺术 1.背景介绍 React技术概述 React(简称REAct)，一个用来构建用户界面的JavaScript库，可以简单理解为Facebook开发的一套用于构建用户界面的 JavaScript 框架。其特点如下：

Grid.js - 跨框架的前端表格插件

男神的专栏

04-28

2415

只想简简单单画个表格，但 React，Vue，Angular，…，这么多前端框架，各自都有不同的表格渲染库。就没有表格库能“一次画表，到处运行”吗？来看看 Grid.js 这个跨框架的前端表格插件吧！简介Grid.js，是 Github 上 grid-js 组织开源的前端表格插件，代码仓库在，目前版本为 1.4.2。Grid.js 的标语是也即是一个可以到处运行的表格库。Grid.js 没有第三方依赖锁定，其唯一的外部依赖已经被打包在内，意味着它能在所有的前端框架，包括没有框架的情况下使用。

Grid.js原生环境增加选行功能

代码波士

07-06

374

组件的名称为 gridjs.plugins.selection.RowSelection。使用selection插件需要采用正确的引入

Grid.js 常见问题解决方案

gitblog_00587的博客

12-09

727

Grid.js 是一个高级的表格插件，适用于各种JavaScript框架（如React、Angular、Preact或VanillaJS）。它是一个简单且轻量级的实现，没有供应商锁定。Grid.js 完全用TypeScript编写，支持所有现代浏览器和IE11+。 ## 主要编程语言 - TypeScript - JavaScript - SCSS ## 新手使用注意事项及解决方案 ###...

Grid.js 开源项目教程

gitblog_00393的博客

08-10

524

Grid.js 是一个高级的表格插件，适用于任何 JavaScript 框架（如 React、Angular、Preact 或 VanillaJS）。它以 TypeScript 编写，支持所有现代浏览器和 IE11+。Grid.js 提供了简单的 API 和轻量级的实现，避免了供应商锁定。 ## 项目快速启动 ### 安装首先，通过 npm 安装 Grid.js： ```bash npm...

组件用.vue还是.js_Grid.js的Vue.js包装器组件

cuk5239的博客

07-31

380

组件用.vue还是.js gridjs-vue (gridjs-vue) A Vue wrapper component for Grid.js. Grid.js的Vue包装器组件。 Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript f...

如何使用 jsPDF-AutoTable：打造专业 PDF 表格的终极指南

gitblog_09264的博客

03-01

458

在现代 Web 开发中，将数据导出为 PDF 格式是一项常见需求。而 **jsPDF-AutoTable** 作为 jsPDF 的强大插件，能帮助开发者轻松生成美观、功能丰富的 PDF 表格。本文将为你详细介绍这个免费工具的核心功能、使用方法和实用技巧，让你快速掌握在 JavaScript 中创建专业 PDF 表格的秘诀。 ## 📌 什么是 jsPDF-AutoTable？ jsPDF-Au

React Virtualized:React组件用于呈现大列表和表格数据-开源

05-13

虚拟渲染Render渲染分散的或非线性的数据。它可以在网格中渲染数据，而网格可以渲染棋盘数据。它还使用沿垂直和水平轴进行虚拟化的方式呈现表格数据，必须提前计算行高和列宽，并将其指定为固定大小或由getter函数返回。 Render Virtualized提供了多种格式和自定义功能。

React Table:用于为React构建快速且可扩展的表和数据网格的挂钩-开源

05-27

构建和设计强大的数据网格体验，同时保留对标记和样式的100％控制。您希望您的桌子功能强大而又不牺牲外观！毕竟，如果您不能使用它，那么您设计的主题有什么好处？ React Table在设计上是无头的（它只是一个钩子），这意味着您可以完全而完全地控制表格如何呈现到最后一个组件，类或样式。 React Table是主力军。它的建立是为了使用很小的API表面实现，过滤，排序，分组，聚合，分页和显示海量数据集。只需将您的旅行车（新表或现有表）挂在React Table上，您就会以前所未有的超强效率工作。插件对于健康的生态系统很重要，这就是为什么React Table拥有自己的插件系统，使您可以覆盖或扩展后台发生的任何逻辑步骤，阶段或过程的原因。

源自开源的甘特图组件jquery gantt 可拖拽

02-12

源自开源的甘特图组件jquery gantt，加上了拖拽和resize功能，enjoy！

grid.js php 用法,JS快速生成各种网格布局工具Grid介绍

weixin_35501677的博客

03-11

1062

这两天了解了一下css的grid布局，发现确实很好用。看了几篇博客，了解了它的几个常用属性后，可以快速生成一个网格布局。相较于传统的float、定位等显得更成体系，更规范，不Grid.js是一个使用JavaScript动态创建规则网格布局、非规则网格布局的模块。FE可以通过new Grird(option)创建一个Grid实例, 该实例的UI就呈现为css grid布局。需要一些hack做法。虽然...

探索未来表格的新可能：Grid.js

gitblog_00022的博客

05-11

545

Grid.js 是一款先进的表格插件，以其简单轻量级的实现和无供应商锁定的特点脱颖而出。无论你是React，Angular，Preact或是VanillaJS的使用者，Grid.js都能无缝融入你的开发环境，为你的网页应用添加强大的表格功能。 ## 项目介绍 Grid.js 以TypeScript编写，支持所有现代浏览器以及IE11+，这意味着你可以在大多数环境中放心使用它。它的核心理念...

表格类插件js 原生grid-js

qlin_11的博客

05-29

716

最近有需要写个表格类插件，起因是使用lit会造成部份表格插件的css和js代码失效，导致之前写的gridmanager的代码的插件不能获取table进行初始化。css文件，有调整分页部分的line-height ，不然分页的按钮对不齐，调整了tdth 页脚div的padding。这里是选择逻辑，使用click事件不能实现选择，或者较为麻烦，一般click用于获取单个单元格，也不能配合选择那列进行使用。选择还是要用下面代码方便，注意是输出的rows的id，然后通过数据的id来进行查找。

js-grid简单使用

LFSenior

12-11

5194

$("#jsGrid").jsGrid({ width:"100%",//宽度 height:"400px",//高度 inserting:true,//是否可以插入新数据 editing: true,//是否可以编辑 sorting: true,//是否可以排序 paging: true,//是否通过页面加载数据 invalidNo

探索Grid.js：打造出色数据表格的利器

gitblog_00495的博客

08-12

525

在数字化的世界中，数据管理和展示是至关重要的。 Grid.js 是一款先进的表格插件，旨在为你提供简单而强大的数据展现解决方案。无论你是前端开发者还是后端工程师，这个开源项目都能帮助你轻松创建功能丰富且响应迅速的数据表。 ## 项目介绍 Grid.js 以其简洁轻量级的实现和跨框架兼容性脱颖而出。它不仅支持诸如 React, Angular, Preact 和 VanillaJS 等主流框架，...

Grid.js服务器端分页示例

allway2的博客

11-24

775

将server属性添加到pagination配置以启用服务器端分页。另外，请确保total在主server配置块中正确定义了该属性： <!DOCTYPE html> <html lang="en"> <head> <link href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css" rel="stylesheet"