2017-10-27 13 views
-1

Mac OS Sierra 10.12.6에서 Chrome 버전 61.0.3163.100 (공식 빌드) (64 비트) 또는 Safari 버전 11.0 (12604.1.38.1.7)을 사용하고 있습니다.핸즈프리의 아래쪽 여백 제거

https://jsbin.com/bobevafana/edit?html,output 난 항상 테이블 아래에 아래쪽 여백이 있음을 깨닫게

는, 사람이 그것을 제거하는 방법을 알고 않습니다

나는 높이가 수도가 화면의 높이를 초과하는 handsontable를 만들려면 ? 나는 당신의 그 데모 인에서 본 무엇

var app = angular.module('app', ['ngHandsontable']); 
 
app.controller('Ctrl', ['$scope', '$filter', '$timeout', 'hotRegisterer', function($scope, $filter, $timeout, hotRegisterer) { 
 
    $scope.dataJson = [ 
 
    [5], [7], [5], [7], [5], [7], [5], [7], [5], 
 
    [7], [5], [7], [5], [7], [5], [7], [5], [7], 
 
    [5], [7], [5], [7], [5], [7], [5], [7], [5], 
 
    [7], [5], [7], [5], [7], [5], [7], [5], [7], 
 
    [5], [7], [5], [7], [5], [7], [5], [7], [5], 
 
    [7], [5], [7], [5], [7], [5], [7] 
 
    ]; 
 

 
    $scope.settings = { 
 
    contextMenu: true, 
 
    onAfterCreateRow: function(index, amount) { 
 
     console.log("onAfterCreateRow"); 
 

 
     $timeout(function() { 
 
     $scope.$digest(); 
 
     }); 
 

 
    } 
 
    }; 
 
}]);
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://handsontable.github.io/ngHandsontable/node_modules/angular/angular.js"></script> 
 
    <script src="https://docs.handsontable.com/pro/1.8.2/bower_components/handsontable-pro/dist/handsontable.full.js"></script> 
 
    <link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/1.8.2/bower_components/handsontable-pro/dist/handsontable.full.min.css"> 
 
    <script src="https://handsontable.github.io/ngHandsontable/dist/ngHandsontable.js"></script> 
 
</head> 
 

 
<body ng-app="app"> 
 
    <div ng-controller="Ctrl"> 
 
    <hot-table settings="settings" datarows="dataJson"></hot-table> 
 
    </div> 
 

 
</body> 
 

 
</html>

enter image description here

+0

나는 바이올린에서 'margin-bottom'을 찾을 수 없습니다. – weBBer

+0

저는 Mac에서 Chrome으로 볼 수있는 스크린 샷을 넣었습니다. – SoftTimur

+0

'margin' 프라퍼티는'table'에 선언되어 있습니다 만,'body' 태그에 선언 된 디폴트 * user-agent *'margin'가 있습니다. 이는 재설정해야하는 전형적인 * 공급 업체 * (브라우저) 스타일입니다. ** 참고 : ** https://jsbin.com/vofuveraho/1/edit?html,output – UncaughtTypeError

답변

0

; 기본 브라우저 스타일 (margin)이 테이블이 아닌 body에 추가되었습니다.

body에 대한 margin CSS 속성을 설정하는 것이 유용 할 수 있습니다. 여기에 코드에서 아래 스스로를 확인하거나 : https://jsbin.com/qejekiqigo/1/edit?html,output

var app = angular.module('app', ['ngHandsontable']); 
 
app.controller('Ctrl', ['$scope', '$filter', '$timeout', 'hotRegisterer', function($scope, $filter, $timeout, hotRegisterer) { 
 
    $scope.dataJson = [ 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7], 
 
    [5], 
 
    [7] 
 
    ]; 
 

 
    $scope.settings = { 
 
    contextMenu: true, 
 
    onAfterCreateRow: function(index, amount) { 
 
     console.log("onAfterCreateRow"); 
 

 
     $timeout(function() { 
 
     $scope.$digest(); 
 
     }); 
 

 
    } 
 
    }; 
 
}]);
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://handsontable.github.io/ngHandsontable/node_modules/angular/angular.js"></script> 
 
    <script src="https://docs.handsontable.com/pro/1.8.2/bower_components/handsontable-pro/dist/handsontable.full.js"></script> 
 
    <link type="text/css" rel="stylesheet" href="https://docs.handsontable.com/pro/1.8.2/bower_components/handsontable-pro/dist/handsontable.full.min.css"> 
 
    <script src="https://handsontable.github.io/ngHandsontable/dist/ngHandsontable.js"></script> 
 
    <style>body { margin-bottom: 0; /* OR margin: 0; */ }</style> 
 
</head> 
 

 
<body ng-app="app"> 
 
    <div ng-controller="Ctrl"> 
 
    <hot-table settings="settings" datarows="dataJson"></hot-table> 
 
    </div> 
 

 
</body> 
 

 
</html>

+0

일하는 jsbin을 만들 수 있습니까? 그것은 SO의 시사회에서 아주 분명하지 않습니다. 현재 JSBin에서 테이블의 맨 아래로 스크롤하면 여전히 왼쪽에있는 것과 비교하여 공간이 표시됩니다. – SoftTimur

+0

차이점을 확인할 수 있습니까? -> https://output.jsbin.com/kacusomimu/1 –

+0

예, 테이블 하단에 공간이 있습니다. – SoftTimur

0

당신은 jsbin 아래에서 확인하실 수 있습니다. jsbin에서 작동합니다. 희망이 도움이됩니다. 해결되지 않으면 자세한 내용을 제공해주십시오.

[jsbin link][1] 


    [1]: http://jsbin.com/soniqa/1/edit?html,output 
+0

Mac에서 Chrome 버전 61.0.3163.100 (공식 빌드) (64 비트) 및 Safari 버전 11.0 (12604.1.38.1.7)에서이 링크를 보았습니다. 여전히 '7'아래 마진이 있고 하단은 내 OP의 스크린 샷입니다. – SoftTimur

+0

크롬을 사용하고 있습니다. 버전 59.0.3071.115 (공식 빌드) (64 비트) .. 내 크롬을 업데이트하겠습니다. –

+0

Mac을 사용하고 있습니까? – SoftTimur