资讯专栏INFORMATION COLUMN

最近使用handsontable遇到的问题

浠ラ箍 / 2047人阅读

摘要:关于隐藏列的问题刚开始使用的百度当不需要显示某一列的时候可用如下格式设置这里就不显示第二列数据,只有第列数据,虽然隐藏了但是数据渲染不出来,还思索了个笨方法把最后一行隐藏但是确实挺蠢的,因为样式空了一片表格不居中继而去官网查看了找到了不支持

关于隐藏列的问题:

刚开始使用的
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://www.ucloud.cn/yun/104185.html

相关文章

  • handsontable初步认知

    摘要:待更新左上角单元格赋值问题,通过改源码实现。下拉单元格高度修改,定位元素修改时下拉列表的最后一个显示不全,有。 hansontable简介 是一个在线类似Excel的表格编辑器,支持丰富的展现和交互,有多样的单元格类型供配置。 核心是由原生JavaScript构建,充分模块化,支持自定义build。 除了核心表格渲染(实质就是js操作table,计算元素位置,自定义绑定事件处理),大部...

    mrcode 评论0 收藏0
  • handsontable初步认知

    摘要:待更新左上角单元格赋值问题,通过改源码实现。下拉单元格高度修改,定位元素修改时下拉列表的最后一个显示不全,有。 hansontable简介 是一个在线类似Excel的表格编辑器,支持丰富的展现和交互,有多样的单元格类型供配置。 核心是由原生JavaScript构建,充分模块化,支持自定义build。 除了核心表格渲染(实质就是js操作table,计算元素位置,自定义绑定事件处理),大部...

    wslongchen 评论0 收藏0
  • js-xlsx + handsontable + echarts实现excel上传编辑然后显示成图表

    摘要:生成报表数据都处理完了之后,就是生成报表了,报表这里稍微做的灵活了一点,是要让用户根据上传的数据,自己选择字段,然后用去生成对应的报表。 js-xlsx + handsontable + echarts 实现在前端导入excel数据并生成echart报表 前言 最近都在做类似 ERP 的项目,所以呢,又碰到一个比较变态的需求(至少对我来说是),在前端导入 excel 文件,然后在浏览器...

    joy968 评论0 收藏0
  • Handsontable 类似 excel 表格编辑器

    摘要:原文发布于个人博客欢迎访问简介是一个类似表格编辑器,支持丰富的展现和交互,以及多样的单元格展现和配置核心由原生编写,通过打包同类项目中,点赞最多,列表官网地址支持的特征的一些主要功能这里只列出主要功能,想了解更多更能,可以查询官方文档。这 原文发布于个人博客>>欢迎访问 HandsonTable 简介 Handsontable 是一个类似 excel 表格编辑器,支持丰富的展现和交互...

    ztyzz 评论0 收藏0
  • Handsontable 类似 excel 表格编辑器

    摘要:原文发布于个人博客欢迎访问简介是一个类似表格编辑器,支持丰富的展现和交互,以及多样的单元格展现和配置核心由原生编写,通过打包同类项目中,点赞最多,列表官网地址支持的特征的一些主要功能这里只列出主要功能,想了解更多更能,可以查询官方文档。这 原文发布于个人博客>>欢迎访问 HandsonTable 简介 Handsontable 是一个类似 excel 表格编辑器,支持丰富的展现和交互...

    villainhr 评论0 收藏0

发表评论

0条评论

浠ラ箍

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<