做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JQuery数据表格库ApeendGrid
来源:易助科技网浏览量:3收藏

简介

ApeendGrid 是 JavaScript 数据表格库之一。它可以帮助您像填充电子表格一样以逐行的形式结构化数据。它允许你在表格中插入 / 删除 / 移除 / 增加行等操作。 同时也可以用于控制服务器端的程序如 PHP/ASP.NET/JSP 等。

(下载的附件中附有DEMO) 

插件特定:

使用方便
支持 jQuery UI 小部件
多种内置输入类型,包括 HTML5 输入类型
输入类型可定制
支持子网格
兼容主要网络浏览器
准备国际化


使用

1.  引入文件

<!--jQuery and jQuery UI-->
<link href="jquery-ui-1.11.1.css" rel="stylesheet"/>

<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" src="jquery-ui-1.11.1.js"></script>

<!--Reference the CSS and JS files-->
<link href="jquery.appendGrid-x.x.x.css" rel="stylesheet"/>
<script src="jquery.appendGrid-x.x.x.js"></script>


2.  HTML

<!--Prepare a table element as the grid-->
<table id="tblAppendGrid"></table>


3.  调用

// Initial the grid as you needed
$(function() {
$('#tblAppendGrid').appendGrid({ /* Initial parameters */ });
});


 相关链接

GitHub 地址 :https://github.com/hkalbertl/jquery.appendGrid

Gitee 地址 :https://gitee.com/mirrors/apeendgrid