Updating codebase as per @prabhjyotsingh comments

ankur-jain-yash · ankur-jain-yash · commit 6e6587bec6c1 · 2016-03-14T14:45:08.000+05:30
--There is a horizontal scrollbar
--When i scroll, table data goes above header

Signed-off-by: ankur_jain &lt;ankur.jain@yash.com&gt;
diff --git a/zeppelin-web/bower.json b/zeppelin-web/bower.json
@@ -31,8 +31,8 @@
     "ng-focus-if": "~1.0.2",
     "bootstrap3-dialog": "bootstrap-dialog#~1.34.7",
     "floatThead": "~1.3.2",
-    "datatables.net-bs": "^1.10.11",
-    "datatables.net-buttons-bs": "^1.1.2"
+    "datatables.net-bs": "~1.10.11",
+    "datatables.net-buttons-bs": "~1.1.2"
   },
   "devDependencies": {
     "angular-mocks": "1.3.8"
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph.controller.js b/zeppelin-web/src/app/notebook/paragraph/paragraph.controller.js
@@ -1191,7 +1191,7 @@ angular.module('zeppelinWebApp')
 
     var renderTable = function() {
       var html = '';
-      html += '<table class="table table-hover table-condensed" cellspacing="0" width="100%">';
+      html += '<table class="table table-hover table-condensed compact display">';
       html += '  <thead>';
       html += '    <tr style="background-color: #F6F6F6; font-weight: bold;">';
       for (var titleIndex in $scope.paragraph.result.columnNames) {
@@ -1221,6 +1221,8 @@ angular.module('zeppelinWebApp')
 	  angular.element('#p' + $scope.paragraph.id + '_table').children(1).DataTable({
 		    paging: false,
 			info:     false,
+			autoWidth: true,
+			lengthChange: false,
 		    dom: '<"row"<"col-sm-6"B><"col-sm-6"f>>'+
 				'<"row"<"col-sm-12"t>>',
 			buttons: [
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph.css b/zeppelin-web/src/app/notebook/paragraph/paragraph.css
@@ -48,6 +48,15 @@
   margin-bottom: 0;
 }
 
+table.dataTable {
+  /* clear: both; */
+  margin-top: 0px !important; 
+  margin-bottom: 6px !important;
+  /* max-width: none !important; */
+}
+div.dataTables_wrapper{
+  overflow: hidden;
+}
 .paragraph p {
   margin: 0;
 }
