From 88a361f05355465413db7b0a6aca4b46f1d75fea Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 28 Sep 2021 13:43:59 +0530
Subject: [PATCH] fix: Adding tooltip on filter inputs

---
 src/rowmanager.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/rowmanager.js b/src/rowmanager.js
index cf9934f..606ec6b 100644
--- a/src/rowmanager.js
+++ b/src/rowmanager.js
@@ -325,7 +325,8 @@ export default class RowManager {
         if (props.isFilter) {
             row = row.map(cell => (Object.assign({}, cell, {
                 content: this.getFilterInput({
-                    colIndex: cell.colIndex
+                    colIndex: cell.colIndex,
+                    name: cell.name
                 }),
                 isFilter: 1,
                 isHeader: undefined,
@@ -347,8 +348,10 @@ export default class RowManager {
     }
 
     getFilterInput(props) {
+        let title = `title="Filter based on ${props.name || 'Index'}"`;
         const dataAttr = makeDataAttributeString(props);
-        return `<input class="dt-filter dt-input" type="text" ${dataAttr} tabindex="1" />`;
+        return `<input class="dt-filter dt-input" type="text" ${dataAttr} tabindex="1" 
+            ${props.colIndex === 0 ? 'disabled' : title} />`;
     }
 
     selector(rowIndex) {