From d5b0cd29d87e535819666830c5ce512854403b74 Mon Sep 17 00:00:00 2001
From: Surinder Kumar <surinder.kumar@enterprisedb.com>
Date: Fri, 19 Aug 2016 10:54:13 +0100
Subject: [PATCH] Display full text from backgrid cells that overflow in a
 tooltip. Fixes #1442

---
 web/pgadmin/static/js/backgrid/backgrid.pgadmin.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/web/pgadmin/static/js/backgrid/backgrid.pgadmin.js b/web/pgadmin/static/js/backgrid/backgrid.pgadmin.js
index 8e737c408..35dd7eadc 100644
--- a/web/pgadmin/static/js/backgrid/backgrid.pgadmin.js
+++ b/web/pgadmin/static/js/backgrid/backgrid.pgadmin.js
@@ -30,6 +30,19 @@
   // Add new property cellFunction in Backgrid.Column.
   _.extend(Backgrid.Column.prototype.defaults, { cellFunction: undefined });
 
+  // Add tooltip to cell if cell content is larger than
+  // cell width
+  _.extend(Backgrid.Cell.prototype.events, {
+    'mouseover': function(e) {
+      var $el = $(this.el);
+      if($el.text().length > 0 && !$el.attr('title') &&
+        ($el.innerWidth() + 1) < $el[0].scrollWidth
+      ) {
+        $el.attr('title', $.trim($el.text()));
+      }
+    }
+  });
+
   _.extend(Backgrid.Row.prototype, {
     makeCell: function (column) {
       return new (this.getCell(column))({