diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_04_Client_Side_Filtering_Paging_And_Sorting.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_01_Client_Side_Filtering_Paging_And_Sorting.razor similarity index 78% rename from BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_04_Client_Side_Filtering_Paging_And_Sorting.razor rename to BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_01_Client_Side_Filtering_Paging_And_Sorting.razor index 5b604a058..8e627de6c 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_04_Client_Side_Filtering_Paging_And_Sorting.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_01_Client_Side_Filtering_Paging_And_Sorting.razor @@ -10,21 +10,23 @@ SelectedItemsChanged="OnSelectedItemsChanged" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_07_Server_Side_Filtering_Paging_And_Sorting.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_02_Server_Side_Filtering_Paging_And_Sorting.razor similarity index 97% rename from BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_07_Server_Side_Filtering_Paging_And_Sorting.razor rename to BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_02_Server_Side_Filtering_Paging_And_Sorting.razor index 7456d46b3..536968d99 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_07_Server_Side_Filtering_Paging_And_Sorting.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/01-Overview/Grid_Demo_02_Server_Side_Filtering_Paging_And_Sorting.razor @@ -1,5 +1,5 @@  - + - + @code { private const string pageUrl = "/grid/overview"; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor index 43e63f82d..a13fba2a3 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_DataBinding_Documentation.razor @@ -11,7 +11,7 @@
Assign a collection to the Data parameter to render the grid dynamically. The example below will render different department employees in the individual grid.
- +
You can update the collection assigned to the Data parameter. In the below example, the grid will render the updated collection.
@@ -24,7 +24,7 @@ This new collection is assigned to the employees variable. Now, the employees variable has a new reference. So the grid will refresh automatically. An explicit grid refresh call is not required.

- + @code { private const string pageUrl = "/grid/data-binding"; diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_17_A_Data_Parameter_Assign_Collection.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_01_Data_Parameter_Assign_Collection.razor similarity index 64% rename from BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_17_A_Data_Parameter_Assign_Collection.razor rename to BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_01_Data_Parameter_Assign_Collection.razor index 77478f677..b1bd74cfc 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_17_A_Data_Parameter_Assign_Collection.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_01_Data_Parameter_Assign_Collection.razor @@ -1,22 +1,28 @@ @foreach (var department in departments) {

@department.Name Employees:

- - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + + } diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_17_B_Data_Parameter_Update_Collection.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_02_Data_Parameter_Update_Collection.razor similarity index 71% rename from BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_17_B_Data_Parameter_Update_Collection.razor rename to BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_02_Data_Parameter_Update_Collection.razor index b4d5c0de5..953d16868 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_17_B_Data_Parameter_Update_Collection.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/02-data-binding/Grid_Demo_02_Data_Parameter_Update_Collection.razor @@ -1,22 +1,29 @@  - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_01_A_Client_Side_Filtering.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_01_A_Client_Side_Filtering.razor index 927872c17..11bb0fe58 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_01_A_Client_Side_Filtering.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_01_A_Client_Side_Filtering.razor @@ -5,21 +5,23 @@ AllowFiltering="true" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_01_B_Client_Side_Filtering_With_StringComparision.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_01_B_Client_Side_Filtering_With_StringComparision.razor index e88a97392..5a71d0ced 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_01_B_Client_Side_Filtering_With_StringComparision.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_01_B_Client_Side_Filtering_With_StringComparision.razor @@ -1,19 +1,27 @@ - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_05_Set_Default_Filter.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_05_Set_Default_Filter.razor index 16a8331c0..2d47286c3 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_05_Set_Default_Filter.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_05_Set_Default_Filter.razor @@ -1,24 +1,26 @@ - + - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_06_Disable_Specific_Column_Filter.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_06_Disable_Specific_Column_Filter.razor index 75bc8c9d8..b2e0e1ffc 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_06_Disable_Specific_Column_Filter.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_06_Disable_Specific_Column_Filter.razor @@ -1,19 +1,27 @@ - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_06_Increase_Filter_Textbox_Width.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_06_Increase_Filter_Textbox_Width.razor index 2bf77d9da..c8ee81e91 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_06_Increase_Filter_Textbox_Width.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_06_Increase_Filter_Textbox_Width.razor @@ -1,31 +1,39 @@ - - - @context.Id - - - @context.FirstName - - - @context.LastName - - - @context.Email - - - @context.Company - - - @context.Designation - - - @context.DOJ - - - @context.Salary.ToString("N2") - - - @context.IsActive - + + + + + @context.Id + + + @context.FirstName + + + @context.LastName + + + @context.Email + + + @context.Company + + + @context.Designation + + + @context.DOJ + + + @context.Salary.ToString("N2") + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_35_Enum_Filters.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_35_Enum_Filters.razor index 973c09c65..9390dc45f 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_35_Enum_Filters.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_35_Enum_Filters.razor @@ -5,18 +5,20 @@ AllowFiltering="true" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.DOB - - - @context.Status - + + + @context.Id + + + @context.Name + + + @context.DOB + + + @context.Status + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_36_Guid_Filters.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_36_Guid_Filters.razor index d78508017..74103c32b 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_36_Guid_Filters.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/03-filters/Grid_Demo_36_Guid_Filters.razor @@ -5,21 +5,23 @@ AllowFiltering="true" IsResponsive="true"> - - @context.Oid - - - @context.Id - - - @context.Name - - - @context.DOB - - - @context.Status - + + + @context.Oid + + + @context.Id + + + @context.Name + + + @context.DOB + + + @context.Status + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_02_Client_Side_Paging.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_02_Client_Side_Paging.razor index 386804979..f1da06f24 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_02_Client_Side_Paging.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_02_Client_Side_Paging.razor @@ -5,21 +5,23 @@ PageSize="5" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_25_Dynamic_Page_Size.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_25_Dynamic_Page_Size.razor index 5ed397951..387ee8775 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_25_Dynamic_Page_Size.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_25_Dynamic_Page_Size.razor @@ -5,21 +5,23 @@ PageSize="@pageSize" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_26_Page_Size_Selection.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_26_Page_Size_Selection.razor index 1f7cf2965..05920903c 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_26_Page_Size_Selection.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_26_Page_Size_Selection.razor @@ -7,21 +7,23 @@ PageSizeSelectorItems="@(new int[] { 5,10,20 })" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_34_AutoHide_Paging.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_34_AutoHide_Paging.razor index 81e76144f..296ab7c12 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_34_AutoHide_Paging.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/04-paging/Grid_Demo_34_AutoHide_Paging.razor @@ -10,21 +10,23 @@ PageSizeSelectorItems="@(new int[] { 5,10,20 })" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_03_Client_Side_Sorting.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_03_Client_Side_Sorting.razor index fc67cdad5..f8683c018 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_03_Client_Side_Sorting.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_03_Client_Side_Sorting.razor @@ -1,29 +1,30 @@ - - - - @context.Id - - - - @context.Name - - - - @context.Designation - - - - @context.DOJ - - - - @context.IsActive - + + + + + @context.Id + + + + @context.Name + + + + @context.Designation + + + + @context.DOJ + + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_08_Default_Sorting.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_08_Default_Sorting.razor index e842cb6e5..0510716bd 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_08_Default_Sorting.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_08_Default_Sorting.razor @@ -1,19 +1,26 @@ - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_09_Disable_Specific_Column_Sorting.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_09_Disable_Specific_Column_Sorting.razor index 9363a3ae1..09d964927 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_09_Disable_Specific_Column_Sorting.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/05-sorting/Grid_Demo_09_Disable_Specific_Column_Sorting.razor @@ -1,19 +1,26 @@ - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_22_Selection.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_22_Selection.razor index 9fdcd5646..5d92c7bde 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_22_Selection.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_22_Selection.razor @@ -5,21 +5,23 @@ SelectedItemsChanged="OnSelectedItemsChanged" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_23_Multiple_Selection.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_23_Multiple_Selection.razor index 796e8369c..acb8c4b44 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_23_Multiple_Selection.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_23_Multiple_Selection.razor @@ -7,21 +7,23 @@ SelectedItemsChanged="OnSelectedItemsChanged" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_24_Disable_Selection.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_24_Disable_Selection.razor index 438a24df8..1f82e546d 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_24_Disable_Selection.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_24_Disable_Selection.razor @@ -8,21 +8,23 @@ SelectedItemsChanged="OnSelectedItemsChanged" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Demo_10_Header_Text_Alignment.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Demo_10_Header_Text_Alignment.razor index 2f3627c9a..10de84a01 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Demo_10_Header_Text_Alignment.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Demo_10_Header_Text_Alignment.razor @@ -1,19 +1,25 @@ - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Demo_11_Grid_Cell_Alignment.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Demo_11_Grid_Cell_Alignment.razor index f03c99094..4cf121ac3 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Demo_11_Grid_Cell_Alignment.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/07-alignment/Grid_Demo_11_Grid_Cell_Alignment.razor @@ -1,19 +1,25 @@ - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.Salary - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.Salary + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_Demo_16_Save_And_Load_Grid_Settings.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_Demo_16_Save_And_Load_Grid_Settings.razor index 68b57f314..175888541 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_Demo_16_Save_And_Load_Grid_Settings.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/08-grid-settings/Grid_Demo_16_Save_And_Load_Grid_Settings.razor @@ -1,26 +1,30 @@ @using System.Text.Json - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_18_Specify_Custom_Row_Class.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_18_Specify_Custom_Row_Class.razor index b1bbb2fdc..1f073bc62 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_18_Specify_Custom_Row_Class.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_18_Specify_Custom_Row_Class.razor @@ -1,5 +1,5 @@  - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_19_Specify_Custom_Column_Class.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_19_Specify_Custom_Column_Class.razor index ba90f6aad..0ce17c047 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_19_Specify_Custom_Column_Class.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_19_Specify_Custom_Column_Class.razor @@ -1,5 +1,5 @@  - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_20_Column_Css_Class.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_20_Column_Css_Class.razor index b777e5509..9a70973a2 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_20_Column_Css_Class.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_20_Column_Css_Class.razor @@ -7,21 +7,23 @@ AllowSorting="true" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_27_Header_Row_CSS_Class.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_27_Header_Row_CSS_Class.razor index 4f2d63a1d..a2bda4976 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_27_Header_Row_CSS_Class.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_27_Header_Row_CSS_Class.razor @@ -5,25 +5,27 @@ HeaderRowCssClass="bg-primary text-white border-bottom-0" IsResponsive="true"> - - @context.Id - + + + @context.Id + - - @context.Name - + + @context.Name + - - @context.Designation - + + @context.Designation + - - @context.DOJ - + + @context.DOJ + - - @context.IsActive - + + @context.IsActive + + @@ -57,11 +59,11 @@ + AllowSorting="true" + Class="table table-hover" + DataProvider="EmployeesDataProvider" + HeaderRowCssClass="bg-success text-white border-bottom-0" + IsResponsive="true"> @context.Id diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_28_Filters_Row_CSS_Class.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_28_Filters_Row_CSS_Class.razor index cb5f771ca..989895e2d 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_28_Filters_Row_CSS_Class.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/09-custom-css-class/Grid_Demo_28_Filters_Row_CSS_Class.razor @@ -7,25 +7,27 @@ HeaderRowCssClass="bg-primary text-white border-bottom-0" IsResponsive="true"> - - @context.Id - - - - @context.Name - - - - @context.Designation - - - - @context.DOJ - - - - @context.IsActive - + + + @context.Id + + + + @context.Name + + + + @context.Designation + + + + @context.DOJ + + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Demo_29_Row_Click.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Demo_29_Row_Click.razor index 3b56f819b..f172ddfae 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Demo_29_Row_Click.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Demo_29_Row_Click.razor @@ -7,25 +7,27 @@ OnRowClick="OnRowClick" IsResponsive="true"> - - @context.Id - + + + @context.Id + - - @context.Name - + + @context.Name + - - @context.Designation - + + @context.Designation + - - @context.DOJ - + + @context.DOJ + - - @context.IsActive - + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Demo_30_Row_Double_Click.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Demo_30_Row_Double_Click.razor index 4a21e33b4..66d6ebd3a 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Demo_30_Row_Double_Click.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/10-events/Grid_Demo_30_Row_Double_Click.razor @@ -7,25 +7,27 @@ OnRowDoubleClick="OnRowDoubleClick" IsResponsive="true"> - - @context.Id - + + + @context.Id + - - @context.Name - + + @context.Name + - - @context.Designation - + + @context.Designation + - - @context.DOJ - + + @context.DOJ + - - @context.IsActive - + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Demo_31_Translations.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Demo_31_Translations.razor index 421942c0e..a8150190e 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Demo_31_Translations.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/11-translations/Grid_Demo_31_Translations.razor @@ -14,21 +14,23 @@ ItemsPerPageText="Artikelen per pagina" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_Demo_32_Fixed_Header_A.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_Demo_32_Fixed_Header_A.razor index ec2dafd27..9f80aac51 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_Demo_32_Fixed_Header_A.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_Demo_32_Fixed_Header_A.razor @@ -7,42 +7,44 @@ IsResponsive="true" Unit="Unit.Px"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.Designation - - - @context.Designation - - - @context.Designation - - - @context.DOJ - - - @context.IsActive - - - @context.IsActive - - - @context.IsActive - - - @context.IsActive - - - @context.IsActive - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.Designation + + + @context.Designation + + + @context.Designation + + + @context.DOJ + + + @context.IsActive + + + @context.IsActive + + + @context.IsActive + + + @context.IsActive + + + @context.IsActive + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_Demo_32_Fixed_Header_B_With_Filters.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_Demo_32_Fixed_Header_B_With_Filters.razor index 8c24d8ec6..b6ff67882 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_Demo_32_Fixed_Header_B_With_Filters.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/12-fixed-header/Grid_Demo_32_Fixed_Header_B_With_Filters.razor @@ -1,5 +1,5 @@  - - @context.CustomerId - - - @context.CustomerName - - - @context.Phone - - - @context.Email - - - @context.Address - - - @context.PostalZip - - - @context.Country - + + + @context.CustomerId + + + @context.CustomerName + + + @context.Phone + + + @context.Email + + + @context.Address + + + @context.PostalZip + + + @context.Country + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_A_Text_Nowrap.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_A_Text_Nowrap.razor index 1a6bfa663..eb34909b6 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_A_Text_Nowrap.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_A_Text_Nowrap.razor @@ -6,27 +6,29 @@ IsResponsive="true" Unit="Unit.Px"> - - @context.CustomerId - - - @context.CustomerName - - - @context.Phone - - - @context.Email - - - @context.Address - - - @context.PostalZip - - - @context.Country - + + + @context.CustomerId + + + @context.CustomerName + + + @context.Phone + + + @context.Email + + + @context.Address + + + @context.PostalZip + + + @context.Country + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_B_Fixed_Header.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_B_Fixed_Header.razor index 06b470a85..300708c52 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_B_Fixed_Header.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_B_Fixed_Header.razor @@ -7,27 +7,29 @@ IsResponsive="true" Unit="Unit.Px"> - - @context.CustomerId - - - @context.CustomerName - - - @context.Phone - - - @context.Email - - - @context.Address - - - @context.PostalZip - - - @context.Country - + + + @context.CustomerId + + + @context.CustomerName + + + @context.Phone + + + @context.Email + + + @context.Address + + + @context.PostalZip + + + @context.Country + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_C_Fixed_Header_With_Filters.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_C_Fixed_Header_With_Filters.razor index f3af44246..d994af7b1 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_C_Fixed_Header_With_Filters.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/13-freeze-columns/Grid_Demo_33_Freeze_Column_C_Fixed_Header_With_Filters.razor @@ -8,27 +8,29 @@ IsResponsive="true" Unit="Unit.Px"> - - @context.CustomerId - - - @context.CustomerName - - - @context.Phone - - - @context.Email - - - @context.Address - - - @context.PostalZip - - - @context.Country - + + + @context.CustomerId + + + @context.CustomerName + + + @context.Phone + + + @context.Email + + + @context.Address + + + @context.PostalZip + + + @context.Country + + diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_01_Grid_Cell_Formating.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_01_Grid_Cell_Formating.razor index f7c6dc719..c66cdf8fe 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_01_Grid_Cell_Formating.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_01_Grid_Cell_Formating.razor @@ -1,19 +1,25 @@ - - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.Salary.ToString("N2") - - - @context.IsActive - + + + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.Salary.ToString("N2") + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_02_Grid_Cell_Nowrap.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_02_Grid_Cell_Nowrap.razor index 186c7a20e..9bbd3fae6 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_02_Grid_Cell_Nowrap.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_02_Grid_Cell_Nowrap.razor @@ -1,31 +1,38 @@ - - - @context.Id - - - @context.FirstName - - - @context.LastName - - - @context.Email - - - @context.Company - - - @context.Designation - - - @context.DOJ - - - @context.Salary.ToString("N2") - - - @context.IsActive - + + + + + @context.Id + + + @context.FirstName + + + @context.LastName + + + @context.Email + + + @context.Company + + + @context.Designation + + + @context.DOJ + + + @context.Salary.ToString("N2") + + + @context.IsActive + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_03_Empty_Data.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_03_Empty_Data.razor index 854dfb401..357e872d6 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_03_Empty_Data.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_03_Empty_Data.razor @@ -1,16 +1,23 @@ - - - @context.Id - - - @context.FirstName - - - @context.LastName - - - @context.Designation - + + + + + @context.Id + + + @context.FirstName + + + @context.LastName + + + @context.Designation + + + @code { diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_05_Specify_Custom_Column_Header.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_05_Specify_Custom_Column_Header.razor index 0e059887f..5c122b404 100644 --- a/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_05_Specify_Custom_Column_Header.razor +++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Grid/99-other/Grid_Demo_05_Specify_Custom_Column_Header.razor @@ -7,26 +7,28 @@ AllowSorting="true" IsResponsive="true"> - - @context.Id - - - @context.Name - - - @context.Designation - - - @context.DOJ - - - - - - - - - + + + @context.Id + + + @context.Name + + + @context.Designation + + + @context.DOJ + + + + + + + + + +