From ce193dc46262aa9e3cce38b623503d907cbf27a0 Mon Sep 17 00:00:00 2001
From: dorsaaaa <94180075+dorsaaaa@users.noreply.github.com>
Date: Fri, 2 Feb 2024 21:50:25 +0330
Subject: [PATCH] fixed resizing columns

---
 index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e171438..584ecf1 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,10 @@
 			font-weight: normal;
 			font-size: 12px;
 		}
+		/* Add a class to the section for full width */
+		.full-width {
+			width: 100%;
+		}
 	</style>
 	<link rel="stylesheet" href="./dist/frappe-datatable.css" />
 </head>
@@ -30,10 +34,13 @@ <h1>Frappe DataTable</h1>
 		<input type="checkbox" id="dark-theme" />
 		<span>Dark Theme</span>
 	</label>
-	<section style="width: 60%; margin: 0 auto;">
+
+	<!-- Add the 'full-width' class to the sections -->
+	<section class="full-width">
 
 	</section>
 
+
 	<section id="datatable2" style="width: 60%; ">
 
 	</section>
@@ -180,7 +187,7 @@ <h1>Frappe DataTable</h1>
 				console.log('No of Rows:', data.length)
 
 				const start = performance.now();
-				var datatable = new DataTable('section', {
+				var datatable = new DataTable('.full-width', {
 					checkboxColumn: true,
 					serialNoColumn: true,
 					layout: 'fluid',