zoukankan      html  css  js  c++  java
  • handsontable合并表头

    想在页面中做类似excel的操作,发现handsontable符合要求。

    然后发现这个文章

    http://blog.csdn.net/wynan830/article/details/9054195

    该作者扩展了handsontable实现了多表头。

    同时添加了removeRowPlugin属性,作用是在每行前面显示一个删除按钮执行删除操作。

    我的页面中不需要删除,因此把removeRowPlugin设置为false。但是表头出现了错行。

    查看生成的html发现,表头中多了一列:<th class="htNoFrame htRemoveRow"></th>。

    在css中添加

    .handsontable th.htNoFrame.htRemoveRow {
    0px
    }

    不起作用。PS:我添加的这个CSS写法是不是有问题?

    在jquery.handsontable.js里原作者添加了treeToth函数,处理多表头

    原代码为:

    datastr += '<tr>';
     datastr += '<th class="htNoFrame htRemoveRow"></th>';
     datastr += '<th ></th>';
    

    可见没有判断是否需要显示删除按钮列

    修改为:

    datastr += '<tr>';
    if (userSettings.removeRowPlugin != null && userSettings.removeRowPlugin) {
           datastr += '<th class="htNoFrame htRemoveRow"></th>';
       }
    datastr += '<th ></th>';
  • 相关阅读:
    JSON和JSONP
    微信问题汇总
    Linux 技巧:让进程在后台可靠运行的几种方法
    redis笔记
    php安装
    数据库分享一: MySQL的Innodb缓存相关优化
    nginx是以多进程的方式来工作的
    运行和控制Nginx
    nginx安装
    Redis监控技巧总结
  • 原文地址:https://www.cnblogs.com/darksied/p/4888719.html
Copyright © 2011-2022 走看看