From ca3806a4a32e9e63c55336edf2a205101b409f48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Mart=C3=ADn?= <cmartin@opennebula.org>
Date: Wed, 7 May 2014 18:00:34 +0200
Subject: [PATCH] Feature #1607: Add datatable horizontal scroll

---
 src/sunstone/public/js/sunstone.js | 40 ++++++++++++++++--------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/sunstone/public/js/sunstone.js b/src/sunstone/public/js/sunstone.js
index 7aa2aa5497..b047a4efa1 100644
--- a/src/sunstone/public/js/sunstone.js
+++ b/src/sunstone/public/js/sunstone.js
@@ -4025,29 +4025,33 @@ function accountingGraphs(div, opt){
         <div class="row graph_legend">\
           <h3 class="subheader"><small>'+tr("CPU hours")+'</small></h3>\
         </div>\
-        <table id="acct_cpu_datatable" class="datatable twelve">\
-          <thead>\
-            <tr>\
-              <th>'+tr("Date")+'</th>\
-            </tr>\
-          </thead>\
-          <tbody id="tbody_acct_cpu_datatable">\
-          </tbody>\
-        </table>\
+        <div style="overflow:auto">\
+          <table id="acct_cpu_datatable" class="datatable twelve">\
+            <thead>\
+              <tr>\
+                <th>'+tr("Date")+'</th>\
+              </tr>\
+            </thead>\
+            <tbody id="tbody_acct_cpu_datatable">\
+            </tbody>\
+          </table>\
+        </div>\
       </div>\
       <div class="row">\
         <div class="row graph_legend">\
           <h3 class="subheader"><small>'+tr("Memory GB hours")+'</small></h3>\
         </div>\
-        <table id="acct_mem_datatable" class="datatable twelve">\
-          <thead>\
-            <tr>\
-              <th>'+tr("Date")+'</th>\
-            </tr>\
-          </thead>\
-          <tbody id="tbody_acct_mem_datatable">\
-          </tbody>\
-        </table>\
+        <div style="overflow:auto">\
+          <table id="acct_mem_datatable" class="datatable twelve">\
+            <thead>\
+              <tr>\
+                <th>'+tr("Date")+'</th>\
+              </tr>\
+            </thead>\
+            <tbody id="tbody_acct_mem_datatable">\
+            </tbody>\
+          </table>\
+        </div>\
       </div>\
     </div>');