今天这篇文章要给大家推荐的是一个仿 Excel 表格编辑功能的 jQuery 插件 - Handsontable。
Handsontable 是一个相当给力的 jQuery 插件,它实现了 HTML 页面中的表格编辑功能,并且是仿 Excel 的编辑效果。在 Excel 中可进行的操作,你几乎都可以在网页中做到,如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面,它支持以下的浏览器 IE7+, FF, Chrome, Safari, Opera。
如何使用
首先在页面中引入 jQuery 框架和 Handsontable 插件的相关 JS 和 CSS 文件,以下列出的两个是必要的,还有其它的是可选的,如果需要某个功能时就加上。
<script src="jquery.min.js"></script>
<script src="jquery.handsontable.js"></script>
<link rel="stylesheet" href="jquery.handsontable.css">
然后添加一个用于呈现 Excel 编辑表格的 DIV 层
<div id="site518_demo" class="dataTable"></div>
最后就可以对其进行初始化了
$('#site518_demo').handsontable({
rows: 5,
cols: 4,
minSpareCols: 1,
minSpareRows: 1,
contextMenu: false
});
var data = [
["", "Kia", "Nissan", "Toyota", "Honda"],
["2011", 20, 11, 14, 13],
["2012", 30, 15, 12, 13]
];
$("#site518_demo").handsontable("loadData", data);
相关推荐
jquery-handsontable-master 学习资料
Handsontable 实现了在 HTML 页面中仿 Excel 编辑效果的表格编辑功能。在 Excel 中可进行的操作,你几乎都可以在网页中做到,如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面,它支持以下的浏览器 IE7+, FF...
前端项目-jquery-handsontable,类似电子表格的数据网格编辑器,提供与Excel/Google文档兼容的复制/粘贴功能
jQuery仿Excel表格列表排序代码,支持输入框检索表格数据内容和筛选表格字段,可按数字大小、字母顺序进行升降序排列。
jQuery仿excel表格头部固定内容滚动效果代码
jQuery表格插件仿Excel表格排序修改效果
jQuery简单仿Excel表格功能插件,按下鼠标左键不放,可范围选择多个单元格区块,鼠标右键进行操作,可以拖动列宽,行高,对齐方式,合并单元格,上方插入一行,下方插入一行,左边插入一列,右边插入一列,删除行,...
jquery入门之动态表格---动态添加一行
这是一款类似Excel滚动拖拖到表格内容展示预览效果的jQuery仿Excel表格右侧与头部固定代码。
jQuery 仿excel表格 选中变色 jQuery 仿excel表格 选中变色
jQuery仿Excel表格选中单元格变色特效,仿Excel单元格选择代码,鼠标移动到表格内,按住shift键可选取多个单元格。
可编辑的类似于excel功能的jQuery开发的表格,功能上还有很多的缺陷,望网上的各位牛人大哥们。帮小弟优化一下。并完善其功能 现在可以实现,添加或附加行列,删除行和列。简单的合并行或列。现在想将其添加到...
Handsontable 是一个相当给力的 jQuery 插件,它实现了 HTML 页面中的表格编辑功能,并且是仿 Excel 的编辑效果。
jquery-handsontable-csv 是一个将handsontable 导出为csv 文件的实用程序。 它包括以下功能: 生成一个字符串供以后处理 触发下载生成的 csv 文件(使用作为浏览器兼容的解决方案) 例子: 在 handsontable.js ...
jQuery仿Excel表格排序筛选代码是一款支持输入框检索表格列表,选中取消列表筛选代码。
jQuery网页版excel表格代码是一款智表ZCELL试用版测试,创建表格加载json数据,表格编辑操作代码。
自己在项目中用到,很方便,在特定场合使用可以减少大量开发工作。
jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】
jQuery实现可编辑化的表格,有兴趣的可以看看