房间1 | 房间2 | 房间3 | 房间4 | 房间5 | 房间6 | 房间7 | 房间8 | 房间9 | 房间10 | |
---|---|---|---|---|---|---|---|---|---|---|
8:00-9:00 | ||||||||||
9:00-10:00 | ||||||||||
10:00-11:00 | ||||||||||
11:00-12:00 | ||||||||||
12:00-13:00 | ||||||||||
13:00-14:00 | 内容测试 | |||||||||
14:00-15:00 | ||||||||||
15:00-16:00 | ||||||||||
16:00-17:00 | ||||||||||
17:00-18:00 |
$("table#demo1").tableselect(function(api){ $('#mergeCells').on('click',function(){ var range = api.getSelectedRange(); if(range){ api.mergeCells(range,function($item){ $item.removeClass('selected'); }); } }); $('#splitCells').on('click',function(){ var range = api.getSelectedRange(); if(range){ api.splitCells(range,function($item){ $item.removeClass('selected'); }); } }); });
场地1 | 场地2 | 场地3 | 场地4 | 场地5 | ||||||
---|---|---|---|---|---|---|---|---|---|---|
8:00-9:00 | ||||||||||
9:00-10:00 | ||||||||||
10:00-11:00 | ||||||||||
11:00-12:00 | ||||||||||
12:00-13:00 | ||||||||||
13:00-14:00 | ||||||||||
14:00-15:00 | ||||||||||
15:00-16:00 | ||||||||||
16:00-17:00 | ||||||||||
17:00-18:00 |
限制选择范围,每2列可选
$("table#demo2").tableselect({ 'onSelecting':function(range){ var limit_count = 2; var index = Math.ceil(range['from'][0]/limit_count); if(range['from'][0]<=range['to'][0]){ range['to'][0] = Math.min(range['to'][0],index*limit_count); }else{ range['to'][0] = Math.max(range['to'][0],index*limit_count-1); } return range; } });
$(selector).tableselect(options,callback(api));
参数 | 默认值 | 说明 |
---|---|---|
disabledCls | 'disabled' | 不可选中的class |
selectedCls | 'selected' | 已选择的class |
selectingCls | 'selecting' | 正在选择的class |
direction | 'default' | 选择方向。default:横纵皆可;row:横;col:纵; |
onSelectStart(range) | function(range){ } | 选中范围前 |
onSelectEnd(range) | function(range){ } | 选中范围后 |
onSelecting(range) | function(range){ } | 移动选择范围时,返回指定范围可限制用户选择 |
方法 | 说明 |
---|---|
getSelectedCells() | 获取当前已选择单元格 |
getSelectedRange() | 获取当前已选择范围 |
mergeCells(range,callback) | 合并单元格 |
splitCells(range,callback) | 拆分单元格 |