From 8ceadaccba30ec36485fcabf9caebabde61c1255 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <30859809+shariquerik@users.noreply.github.com>
Date: Fri, 20 Aug 2021 17:07:35 +0530
Subject: [PATCH] fix: update rowIndex width when row count changes (#138)

* fix: update rowIndex width when row count changes

* fix: removed unwanted code

* fix: Added Refresh Data button
---
 index.html   | 3 ++-
 src/style.js | 8 +++-----
 2 files changed, 5 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
index 277620e..fba0a64 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,8 @@
 
 <body>
 	<h1>Frappé DataTable</h1>
-	<button onclick="datatable.render()">Refresh</button>
+	<button onclick="datatable.render()">Render Table</button>
+	<button onclick="datatable.refresh()">Refresh Data</button>
 	<button onclick="switchToTreeView()" data-action="treeview">TreeView</button>
 	<label>
 		<input type="checkbox" id="input-large-data" />
diff --git a/src/style.js b/src/style.js
index 535dd1b..6fca086 100644
--- a/src/style.js
+++ b/src/style.js
@@ -192,11 +192,6 @@ export default class Style {
 
             let naturalWidth = $.style($('.dt-cell__content', $cell), 'width');
 
-            if (column.id === '_rowIndex') {
-                naturalWidth = this.getRowIndexColumnWidth();
-                column.width = naturalWidth;
-            }
-
             if (typeof naturalWidth === 'number' && naturalWidth >= column.naturalWidth) {
                 column.naturalWidth = naturalWidth;
             } else {
@@ -245,6 +240,9 @@ export default class Style {
                     if (!column.width) {
                         column.width = column.naturalWidth;
                     }
+                    if (column.id === '_rowIndex') {
+                        column.width = this.getRowIndexColumnWidth();
+                    }
                     if (column.width < this.options.minimumColumnWidth) {
                         column.width = this.options.minimumColumnWidth;
                     }
