84 lines
2.3 KiB
JavaScript
Executable File
84 lines
2.3 KiB
JavaScript
Executable File
/*=========================================================================================
|
|
File Name: File Name:handsontable-rows-columns.js
|
|
Description: Handsontable Rows Columns.
|
|
----------------------------------------------------------------------------------------
|
|
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
|
|
Version: 1.0
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
|
/***********************
|
|
* Scrolling *
|
|
***********************/
|
|
|
|
var example = document.getElementById('scrolling'),
|
|
hot1;
|
|
|
|
hot1 = new Handsontable(example, {
|
|
data: Handsontable.helper.createSpreadsheetData(100, 100),
|
|
height: 400,
|
|
colWidths: 50,
|
|
rowHeights: 32,
|
|
rowHeaders: true,
|
|
colHeaders: true
|
|
});
|
|
|
|
|
|
|
|
/********************
|
|
* Fixing *
|
|
********************/
|
|
|
|
var myData = Handsontable.helper.createSpreadsheetData(100, 50),
|
|
container = document.getElementById('fixing'),
|
|
hot;
|
|
|
|
hot = new Handsontable(container, {
|
|
data: myData,
|
|
colWidths: [47, 47, 47, 47, 47, 47, 47, 47, 47, 47],
|
|
rowHeaders: true,
|
|
colHeaders: true,
|
|
fixedRowsTop: 2,
|
|
fixedColumnsLeft: 2
|
|
});
|
|
|
|
|
|
|
|
/**********************
|
|
* Resizing *
|
|
**********************/
|
|
|
|
var container = document.getElementById('resizing'),
|
|
hot;
|
|
|
|
hot = new Handsontable(container, {
|
|
data: Handsontable.helper.createSpreadsheetData(10, 10),
|
|
rowHeaders: true,
|
|
colHeaders: true,
|
|
colWidths: [55, 80, 80, 80, 80, 80, 80],
|
|
rowHeights: [50, 40, 100],
|
|
manualColumnResize: true,
|
|
manualRowResize: true
|
|
});
|
|
|
|
|
|
|
|
/********************
|
|
* Moving *
|
|
********************/
|
|
|
|
var moving = document.getElementById('moving'),
|
|
hot;
|
|
|
|
hot = new Handsontable(moving, {
|
|
data: Handsontable.helper.createSpreadsheetData(100, 20),
|
|
rowHeaders: true,
|
|
colHeaders: true,
|
|
manualColumnMove: true,
|
|
manualRowMove: true
|
|
});
|
|
});
|