/**
* 创建空白数据的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;
}
handsontable
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 项目中,总会遇到各种鬼需求,比如cell的显示隐藏就算吧,好好的数据直接展示就得了呗,非得隐藏起来,我就纳闷了,隐...