Fixed dropdown button issue for bootstrap 5.* versions #82

Author: ekondur

DatatableJS.Net/Builders/ColumnBuilder.cs

@@ -229,7 +229,7 @@ public ColumnBuilder<T> Commands<TProp>(Expression<Func<T, TProp>> property, IEn
                 Searchable = false,
             };
             _column.Render = $@"'<div class=""btn-group"">'+
-                        '<button type=""button"" class=""btn {btnClass} dropdown-toggle"" data-toggle=""dropdown"" aria-haspopup=""true"" aria-expanded=""false"">'+
+                        '<button type=""button"" class=""btn {btnClass} dropdown-toggle"" data-toggle=""dropdown"" data-bs-toggle=""dropdown"" aria-haspopup=""true"" aria-expanded=""false"">'+
                             '{btnText ?? ""} <span class=""{iconClass}""></span>'+
                         '</button>'+
                         '<ul class=""dropdown-menu"">'+

DatatableJS.Net/DatatableJS.Net.csproj

@@ -11,10 +11,10 @@
     <RepositoryType>git</RepositoryType>
     <PackageLicenseFile>LICENSE.md</PackageLicenseFile>
     <PackageTags>C#, Helper, Jquery Datatables, Entity Framework, Mvc</PackageTags>
-    <PackageReleaseNotes>Upgraded some packages to fix security vulnerabilities.</PackageReleaseNotes>
-    <AssemblyVersion>3.2.4.0</AssemblyVersion>
-    <FileVersion>3.2.4.0</FileVersion>
-    <Version>3.2.4</Version>
+    <PackageReleaseNotes>Fixed dropdown button issue for bootstrap 5.* versions</PackageReleaseNotes>
+    <AssemblyVersion>3.2.5.0</AssemblyVersion>
+    <FileVersion>3.2.5.0</FileVersion>
+    <Version>3.2.5</Version>
     <PackageIcon>datatable-js.png</PackageIcon>
     <PackageIconUrl />
     <GenerateDocumentationFile>true</GenerateDocumentationFile>

DatatableJS/Builders/ColumnBuilder.cs

@@ -229,7 +229,7 @@ public ColumnBuilder<T> Commands<TProp>(Expression<Func<T, TProp>> property, IEn
                 Searchable = false,
             };
             _column.Render = $@"'<div class=""btn-group"">'+
-                        '<button type=""button"" class=""btn {btnClass} dropdown-toggle"" data-toggle=""dropdown"" aria-haspopup=""true"" aria-expanded=""false"">'+
+                        '<button type=""button"" class=""btn {btnClass} dropdown-toggle"" data-toggle=""dropdown"" data-bs-toggle=""dropdown"" aria-haspopup=""true"" aria-expanded=""false"">'+
                             '{btnText ?? ""} <span class=""{iconClass}""></span>'+
                         '</button>'+
                         '<div class=""dropdown-menu"">'+

DatatableJS/DatatableJS.csproj

@@ -11,10 +11,10 @@
     <RepositoryUrl>https://github.com/ekondur/DatatableJS</RepositoryUrl>
     <RepositoryType>git</RepositoryType>
     <PackageTags>C#, Tag Helper, Jquery Datatables, Entity Framework, Mvc, Net Core</PackageTags>
-    <PackageReleaseNotes>Upgraded some packages to fix security vulnerabilities.</PackageReleaseNotes>
+    <PackageReleaseNotes>Fixed dropdown button issue for bootstrap 5.* versions</PackageReleaseNotes>
     <GeneratePackageOnBuild>true</GeneratePackageOnBuild>
     <NeutralLanguage>English (United States)</NeutralLanguage>
-    <Version>3.2.4</Version>
+    <Version>3.2.5</Version>
     <PackageIcon>datatable-js.png</PackageIcon>
     <PackageIconUrl />
     <GenerateDocumentationFile>true</GenerateDocumentationFile>

DatatableJS/Helpers/CommandsHelper.cs

@@ -40,7 +40,7 @@ public override void Process(TagHelperContext context, TagHelperOutput output)
                 Orderable = false,
                 Width = Width,
                 Render = $@"'<div class=""btn-group"" role=""group"">'+
-                        '<button id=""{BtnId}"" type=""button"" class=""{BtnClass} dropdown-toggle"" data-toggle=""dropdown"" aria-haspopup=""true"" aria-expanded=""false"">' +
+                        '<button id=""{BtnId}"" type=""button"" class=""{BtnClass} dropdown-toggle"" data-toggle=""dropdown"" data-bs-toggle=""dropdown"" aria-haspopup=""true"" aria-expanded=""false"">' +
                             '{Text ?? ""}'+
                         '</button>'+
                         '<div class=""dropdown-menu"" aria-labelledby=""{BtnId}"">'+

DatatableJS/Helpers/DataSourceHelper.cs

@@ -38,7 +38,7 @@ public class DataSourceHelper : TagHelper
         /// <summary>
         /// Define table page length.
         /// </summary>
-        public int PageLength { get; set; }
+        public int PageLength { get; set; } = 10;
 
         /// <summary>
         /// Process