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;
        }