handsontable 问题

摘要:
hsd.hot(高温)。更新设置;注意:您可以不使用render()直接更新。https://github.com/handsontable/handsontable/issues/2520或者修改firefox配置:选项-高级-常规-删除。

碰到问题了,去官网上找community:http://docs.handsontable.com/0.16.1/tutorial-quick-start.html

1、

描述:把handson table放在bootstrap tab中,首次没有激活,table没有正常显示。

原因:这种情况下,table invisible,所以不会调用render(),不会正常显示

解决办法:

$('a[href="https://tool.4xseo.com/article/240389.html"]').on('shown.bs.tab', function (e) {
	hsd.hot.render();
});

另一个问题

描述:在上面的基础上,fixedRowsTop无效

解决办法:添加这一句,重新更新。

hsd.hot.updateSettings({fixedRowsTop : 1});

注:直接更新就可,不用render()也行。

2、

频繁切换表格内容是,使用updateSetting,这样就不会出现数据显示异常。

3、

minSpareRows:1,
minSpareCols:1

在最后一行输入内容,enter后,会自动增加一行。  

4、

给某行设置背景颜色:这一类问题都这样解决

cells:function(row, col, prop){
    var cellProperties = {};
    if(row === 0){
        cellProperties.renderer = firstRowRenderer;
    }
    return cellProperties;
} 

var firstRenderer = function firstRowRenderer(instance, td, row, col, prop, value, cellProperties) {
    Handsontable.renderers.TextRenderer.apply(this, arguments);
    td.style.background = '#eee';
} 

5、

建空表是data:[[]]; 

6、

滚动到指定行

hsd.hot.selectCell(1, 0);
hsd.hot.deselectCell();

找了好久,原来确实没有默认的方法,只能自己解决了,hsd.hot是我自己定义的表 

7、copy,paste,cut

demo--contextMenu中有例子,但是jsfiddle中,copy和paste显示有点不正常;cut,没有提到

8、

firefox下鼠标滚动缓慢:
github上回复,是使用其他三种方式:滚动条,键盘,右键后能快一点。https://github.com/handsontable/handsontable/issues/2520
或者是修改firefox的配置:选项--高级--常规--去掉(使用平滑滚动)。
 
9、
updateSettings:一个很奇怪的问题
场景:为了区分是哪种数据结构,而进行的更新。用A建一表,有cells属性,用B更新此表,cells中使用的是A的数据
//----------初始化开始----------------------
//获取数据
$.get('json/handsontable.json', function(data){
	// hsd.data = data;
	hsd.init(data);
});

// 更新
$('#update').on('click', function(){
	$.get('json/handsontable1.json', function(data){
		// hsd.data = data;
		// hsd.init();
		hsd.hot.updateSettings({
			data:data
		})
	});
})

//----------初始化结束----------------------

hsd.con = $('#con');
hsd.init = function(data){
     // updateSettings 时不会执行这一句,
     console.log('sfp')  
hsd.hot = new Handsontable(hsd.con[0], { data: data, rowHeaders: true, colHeaders: ['SLE', 'Control'], contextMenu: true, columnSorting: true, manualColumnResize: true, fixedRowsTop: 1, fixedColumnsLeft: 1, sortIndicator: true, cells: function(row, col, prop){
              // updateSetting时 会执行这一句 if(row === 0 && col === 0){ console.log(data[0][0]); } } }); };

解决办法:init不传参数,获取到B之后,执行hsd.data = B, init中得数据用hsd.data

10、如何区分自动创建的row和通过contextmenu创建的row:http://jsfiddle.net/2oc2hb3e/18/

var flag = false;
afterRender: flag = true;
afterCreateRows: if(flag){ // }
如果有mincols,removeRows,会自动CreateRows,所以需要在removeRows:flag=false
注意:update和createtable时,都先要flag=false

  

  

 

 

 

  

免责声明:文章转载自《handsontable 问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇MAC显示文件夹路径实现带有进度条的多文件上传下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

移植Kdump至嵌入式ARM64环境【转】

转自:https://blog.csdn.net/lsy673908720/article/details/90215501 工欲善其事,必先利其器。操作系统崩溃是高级Linux运维工程师很头疼的事情,但也不要害怕,前辈们已经给我们磨了好多把刀,其中有一把叫做Kdump。目前在主流的Linux发行版如Ubuntu、Centos等已经默认安装或者仓库中含有工...

解决阿里云数据库RDS报错The table '/home/mysql/data3015/tmp/#sql_13975_23' is full

查询任何一条语句都显示 The table '/home/mysql/data3015/tmp/#sql_13975_23' is full 查看了下数据库利用磁盘空间没有满, 阿里云的处理方式: 1. 出现这个错误信息的原因 在SQL查询进行 group by、order by、distinct、union、多表更新、group_concat、count...

Hive metastore源码阅读(一)

不要问我为什么,因为爱,哈哈哈哈。。。进入正题,最近做项目顺带学习了下hive metastore的源码,进行下知识总结。 hive metastore的整体架构如图: 一、组成结构: 如图我们可以看到,hive metastore的组成结构分为 客户端 服务端 ,那么下来我们逐一进行分析: 1、客户端 从代码的角度来看:尼玛太多了。。我们从入口HIV...

DataTable添加列和行的三种方法

#region 方法一: DataTable tblDatas =new DataTable("Datas"); DataColumn dc =null; dc = tblDatas.Columns.Add("ID", Type.GetType("System.Int32")); dc.AutoIncrement =true;//自动增加...

行,列,单元格颜色设定

在ALV的开发过程中经常需要给行,列,单元格设置不同的颜色,用来帮助用户区分一些意外或重要的信息,比如某些物料缺少库存,某订单的状态是未清之类的。本文就着重介绍如何给SALV设置颜色。 颜色设定的有以下三种: 1,单元格颜色 为特定的单元格设置颜色,这需要在ALV输出内表中添加一个专门保存颜色的字段,类型为lvc_t_scol,设置完颜色后(包括列名字,...

lua中table的遍历,以及删除

Lua 内table遍历 在lua中有4种方式遍历一个table,当然,从本质上来说其实都一样,只是形式不同,这四种方式分别是: 1. ipairs for index, value in ipairs(table) do end 注:这种方式的遍历只会从key为1的地方开始,一直以key递增1的顺序来遍历,若找到一个递增不是1的key就结束遍历,无论后面...