handsontable

/**
         * 创建空白数据的handsontable
         */
        viewModel.createEmptyHstable = function () {
            var container = document.getElementById('basic-info-handsonTable');
             emptyHotMergeCells = [];
             emptyHot = new Handsontable(container, {
              data: createEmptyData(),
              className:'htCenter htMiddle',//水平  垂直居中
              rowHeaders: true,
              colHeaders: true,//当值为true时显示列头,当值为数组时,列头为数组的值
              manualColumnResize: true,
              manualRowResize: true,//拖拽行头或列头改变行或列的大小
              mergeCells: true,//单元格合并可以进行初始化配置
              colWidths:100,
              rowHeights:60,
              readOnly:true,
              viewportColumnRenderingOffset: 200,//渲染列数
              viewportRowRenderingOffset: 200//渲染行数
            });
        };
        //handsontable的实质最后也是转换成tr td,但是一般是把在页面展示的在html里显示tr,没有显示出来的就不会出现,这种动态的显示表格就叫渲染。      
        /**
         *  创建一个空数据源(二维数组)
         */
        function createEmptyData() {
          var tArray = [];
          var k;
          var j;
          for (k = 0; k < 15; k++) {
            tArray[k] = [];
            for (j = 0; j < 15; j++) {
              tArray[k][j] = null;
            }
          }
          return tArray;
        }      
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 隐藏城市-目录 第七回 夏夜的晚风吹得人很惬意,大街上的人比白天多了起来,人们纷纷走上街头享受一天中难得的清凉。 ...
    朱迪简书阅读 211评论 0 0
  • 由于昨天发烧一天,整个人都是虚弱的,就在想看来吃药是不行了,明天早上去医院吧,没想到早上醒来感觉很好,宛如重生...
    新涛美车阅读 208评论 3 5
  • 记得第一次开始玩财富游戏的时候,还暗自庆幸之前玩过现金流游戏的经历,是不是能够更快的掌握游戏的技巧,然后赢得游戏。...
    海豚不哭阅读 374评论 0 2
  • 项目中,总会遇到各种鬼需求,比如cell的显示隐藏就算吧,好好的数据直接展示就得了呗,非得隐藏起来,我就纳闷了,隐...
    宇玄丶阅读 3,912评论 2 0