jQuery仿Excel单元格选择

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

 5549  16  查看评论 (0)
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 数据
相关插件-图表,选择框

KCharts-基于Kissy的图表组件集

KCharts,kissy,raphael,基于Kissy的图表,数据可视化,js图表组件,KCharts是基于kissy的数据可视化组件,包含折线图、柱状图、饼图、散点图等图表,定制方便,快速上手
  图表
 12391  33

jQuery响应式表格插件ReStable

jQuery restable是一个非常简单轻量级(~ 1KB)的jQuery插件,它可以将表格在指定的响应式断点时,使表格结构切换为无序列表结构,以适应在小屏幕设备中显示表格数据。
  图表
 1354  5

jquery表格插件Bootstrap Table

Bootstrap Table显示数据表格格式,提供了丰富的支持,单选框、复选框、排序、分页等。
  图表
 441711  151

优秀的图表绘制工具库-CHART.JS

Chart.js帮你用不同的方式让你的数据变得可视化。每种类型的图表都有动画效果,并且看上去非常棒,即便是在retina屏幕上。
  图表
 34039  145

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

取消回复