浏览代码

HUE-8436 [metastore] The sample of a table with a lot of columns should scroll horizontally

Enrico Berti 7 年之前
父节点
当前提交
5354d52cab
共有 1 个文件被更改,包括 19 次插入17 次删除
  1. 19 17
      apps/metastore/src/metastore/templates/metastore.mako

+ 19 - 17
apps/metastore/src/metastore/templates/metastore.mako

@@ -206,26 +206,28 @@ ${ components.menubar(is_embeddable) }
 </script>
 </script>
 
 
 <script type="text/html" id="metastore-samples-table">
 <script type="text/html" id="metastore-samples-table">
-  <table id="sampleTable" class="table table-condensed table-nowrap sample-table old-datatable metastore-table">
-    <thead>
-      <tr>
-        <th style="width: 1%">&nbsp;</th>
-        <!-- ko foreach: headers -->
-        <th data-bind="text: $data"></th>
-        <!-- /ko -->
-      </tr>
-    </thead>
-    <tbody>
-      <!-- ko foreach: rows -->
+  <div data-bind="delayedOverflow">
+    <table id="sampleTable" class="table table-condensed table-nowrap sample-table old-datatable metastore-table">
+      <thead>
         <tr>
         <tr>
-          <td data-bind="text: $index() + 1"></td>
-          <!-- ko foreach: $data -->
-            <td data-bind="html: $data"></td>
+          <th style="width: 1%">&nbsp;</th>
+          <!-- ko foreach: headers -->
+          <th data-bind="text: $data"></th>
           <!-- /ko -->
           <!-- /ko -->
         </tr>
         </tr>
-      <!-- /ko -->
-    </tbody>
-  </table>
+      </thead>
+      <tbody>
+        <!-- ko foreach: rows -->
+          <tr>
+            <td data-bind="text: $index() + 1"></td>
+            <!-- ko foreach: $data -->
+              <td data-bind="html: $data"></td>
+            <!-- /ko -->
+          </tr>
+        <!-- /ko -->
+      </tbody>
+    </table>
+  </div>
 
 
   <div id="jumpToColumnAlert" class="alert hide" style="margin-top: 12px;">
   <div id="jumpToColumnAlert" class="alert hide" style="margin-top: 12px;">
     <button type="button" class="close" data-dismiss="alert">&times;</button>
     <button type="button" class="close" data-dismiss="alert">&times;</button>