jQuery仿Excel单元格选择

所属分类:UI,输入-图表,选择框

 37512  318  查看评论 (0)
分享到微信朋友圈
X
jQuery仿Excel单元格选择 ie兼容8

1.选择单元格范围

/**
* 选中区域
* @param  first  第一个单元格
* @param  last  第二个单元格
*/
function selectArea(first, last)

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

/**
 * 选择行列边界范围内所有单元格
 * @param tb 所属 table
 * @param minRow 最小行
 * @param minCol 最小列
 * @param maxRow 最大行
 * @param maxCol 最大列
 */
function selectRowCol(tb, minRow, minCol, maxRow, maxCol)

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

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

4.单元格事件/**

 * 点击单元格
 */
function clickTd()
/**
 * 鼠标移动到表格触发事件
 */
function hoverTable()

5.数据

// 表格数据是一个 json数组, 数组每一项代表一个 excel工作表
// 这个数据可以连接后台解析excel文件拼接成 json 数据
相关插件-图表,选择框

动态实时折线图

根据时间和数据而动态的折线图
  图表
 75264  513

轻量级图形报表插件JSCharts

JScharts是一个用于在浏览器直接绘制图表的JavaScript工具包。JScharts支持柱状图、圆饼图以及线性图,可以直接将这个图插入网页,JScharts图的数据可以来源于XML文件、JSON文件或JavaScript数组变量。
  图表
 46524  364

原生js表格插件systable

原生js表格插件systable,代码注释全
  图表
 43213  382

D3&jquery多功能图表(原创)

基于D3的多功能图表。可添加描述,收缩节点,滚轮缩放整图尺寸
  图表
 17666  214

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复