jQuery仿Excel单元格选择

插件特效
2026-07-26 03:42 2 次浏览 • 0 次下载 24.0KB
jQuery仿Excel单元格选择

1.选择单元格范围

1
2
3
4
5
6
/**
* 选中区域
* @param first 第一个单元格
* @param last 第二个单元格
*/
function selectArea(first, last)

2.选择单元格所在最大范围,并对跨行列单元格进行递归

1
2
3
4
5
6
7
8
9
/**
* 选择行列边界范围内所有单元格
* @param tb 所属 table
* @param minRow 最小行
* @param minCol 最小列
* @param maxRow 最大行
* @param maxCol 最大列
*/
function selectRowCol(tb, minRow, minCol, maxRow, maxCol)

3.渲染单元格与对应行头、列头的样式/**

1
2
3
4
* 渲染样式
* @param obj 要渲染的td
*/
function addStyle(obj)

4.单元格事件/**

1
2
3
4
5
6
7
* 点击单元格
*/
function clickTd()
/**
* 鼠标移动到表格触发事件
*/
function hoverTable()

5.数据

1
2
// 表格数据是一个 json数组, 数组每一项代表一个 excel工作表
// 这个数据可以连接后台解析excel文件拼接成 json 数据