近来运用handsontable碰到的题目

关于隐蔽列的题目:

刚开始运用的
1.百度:
当不需要显现某一列的时刻可用以下花样设置:

columns:[
{data:0},
{data:2}
]

这里就不显现第二列数据,只要第1、3列数据,虽然隐蔽了 然则数据衬着不出来,

2.还思考了个笨要领:

css把末了一行隐蔽 然则确切挺蠢的,由于款式空了一片 表格不居中

3.继而去官网查看了API找到了

hiddenColumns: { // handsontable 3.0.0不支持该属性

            columns: hiddenColumns,
            indicators: true
        }
        

这个要领,然则这个要领 用7.0的js文件能隐蔽列 然则取消了单元格编辑的功用
用3.0的js文件能编辑然则不能隐蔽列(鱼和熊掌不能兼得)

4.找到了别的一个要领:
hot.updateSettings({colWidths: [10,20,30,0.1]});
前三个数是每列所占比例 0.1的话就是想隐蔽的列,然则有一个瑕玷:用鼠标拖拽 隐蔽的列就出来了

5.完美第4个要领:
在第四个要领的基础上完美一下,在末了一列为0.1的情况下再给他display:none!
加上

afterGetColHeader:function(col,th){ // 一切单元格走一遍

            if (col==(headers.length-1)){
                th.style.display='none'; // 防备拖曳标题栏,显露隐蔽的列(主键)
            }
        }
        
        这个要领,这就比较完美了
    原文作者:李嘉琪
    原文地址: https://segmentfault.com/a/1190000019099561
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞