From 0b1ce23a33fdefe17b1fc4b416540859dd4edacd Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 25 Jan 2023 16:53:34 +0530
Subject: [PATCH] fix: show datatable cell content in tooltip on hover

---
 src/cellmanager.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/cellmanager.js b/src/cellmanager.js
index bcd2af8..0b49729 100644
--- a/src/cellmanager.js
+++ b/src/cellmanager.js
@@ -870,7 +870,7 @@ export default class CellManager {
             isHeader ? `dt-cell__content--header-${colIndex}` : `dt-cell__content--col-${colIndex}`
         ].join(' ');
 
-        return `
+        let cellContentHTML = `
             <div class="${className}">
                 ${contentHTML}
                 ${sortIndicator}
@@ -879,6 +879,16 @@ export default class CellManager {
             </div>
             ${editCellHTML}
         `;
+
+        let div = document.createElement('div');
+        div.innerHTML = contentHTML;
+
+        let textContent = div.textContent;
+        textContent = textContent.replace(/\s+/g, ' ').trim();
+
+        cellContentHTML = cellContentHTML.replace('>', ` title="${textContent}">`);
+
+        return cellContentHTML;
     }
 
     getEditCellHTML(colIndex) {