height


Handsontable inside of fixed width and height segment


I have a 'handsontable' table inside of bootstrap section-body.
When I double-click on A1 cell once, and then scroll right, another scrollbars appears inside the original content.
It looks like a Render issue.
(function(){
angular
.module('mainApp',[])
.controller('mainController', mainController)
;
mainController.$inject = ['$scope'];
function mainController ($scope) {
var container = document.getElementById('example');
var hot = new Handsontable(container, {
data: Handsontable.helper.createSpreadsheetData(25, 25),
minSpareRows: 1,
rowHeaders: true,
colHeaders: true,
stretchH: "all"
});
container.style.height = 400 + 'px';
container.style.overflow = 'auto';
}
})();
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<link href="http://handsontable.com/dist/handsontable.full.css" rel="stylesheet"/>
<script src="http://handsontable.com/dist/handsontable.full.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="mainApp">
<div ng-controller="mainController">
<div class='container'>
<div class='col-md-offset-2 col-md-8'>
<div class='row'>
<br>
<div class="panel panel-info">
<div class="panel-heading">Panel Heading</div>
<div class="panel-body">
<div id='example'></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>

Related Links

Subliem text3 AutoFileName: How to change it, that it will add width and heigth attributes in Sublieme text 3
Finding the Table height and Width in Word Document
FontForge how to get height of contour in script
how to set another elemtnt's height based on slider height in this context
Classic asp control character height in dropdown
Auto adjust row height to max height value
How to calculate Height of any control which is loaded in DataTemplate?
Xamarin Forms - Get the size of an AbsoluteLayout
Amcharts : small (sometimes 0px) chart height on page load (in default tab)
Spacing between 2 lines HTML/ PHP and CSS
How to change embedly height
Cell/Row heightand vertical align in PhpWord
How to make 2 divs to fill 100% viewport height
Script to remove element while clientHeight < “size”
how to auto-adjust App.js textarea height to fill the remainder of screen?
How to get my PDF with a dynamic height? Or calculate the height of contents before it is printed

Categories

HOME
elixir
project-management
amazon-swf
textwatcher
google-tag-manager
google-contacts
avro
mapbox-gl-js
tomcat7
zend-framework2
search-engine
recyclerview
pygame
contact-form-7
aruco
cartodb
ndis
ssr
game-maker-studio-1.4
wysiwyg
store
uiview
line-api
riak
sql-tuning
r-lavaan
scenebuilder
python-unicode
ng-show
distance
excel-2010
esql
tcpclient
restfb
csh
python-textprocessing
onesignal
web-frontend
superagent
blackboard
spring-insight
threshold
passenger
redhat-datavirt
swagger-editor
codesys
elfinder
magiczoomplus
resuming-training
chown
chunked-encoding
jags
istorage
udev
httplib2
iphone-developer-program
debugdiag
easing
mailcatcher
gameanalytics
webkit2
zurb-foundation-apps
scalar
pagekit
gherkin
jackson-databind
com-interop
fps
datainputstream
callstack
shift-jis
httpie
stackframe
sysfs
cpan
candidate-key
libssh2
aquafold
codeigniter-a3m
config-files
jstack
opensocial
initialization-vector
android-json-rpc
operations
logentries
angulartics
magicalrecord-2.2
cilk-plus
backbone-relational
mvccontrib
xmlslurper
hobo
flash-cs5.5
emacs23
scraperwiki
scalaxb
file-encodings
multibyte-functions
windows-controls
revision
data-execution-prevention
usergroups

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App