Category - Grid
17 Jun 2022 17 Jun 2022 0 Comments  535 Views
ASP.Net  AJAX  GridView  MVC  Grid  ReactJS
Here Mudassar Khan has explained with an example, how to populate Grid (GridView) using ReactJS and AJAX in ASP.Net MVC.

This article will make use of ASP.Net MVC and ReactJS.Net as backend.
14 Jan 2022 14 Jan 2022 0 Comments  2086 Views
ASP.Net  XML  HTML  Table  MVC  Grid  Core  .Net
Here Mudassar Khan has explained with an example, how to display XML file data in .Net Core.

This article will make use of ASP.Net MVC Core for illustrating how to read XML file data and then display it in Grid (HTML Table) format in .Net Core.
07 Nov 2020 07 Nov 2020 0 Comments  1939 Views
Here Mudassar Ahmed Khan has explained with an example, how to display ToolTip inside Grid in ASP.Net MVC Razor.

A Grid will be generated using an HTML Table by executing a FOR LOOP over Model class objects and adding Rows to the HTML Table.

The jQuery ToolTip Plugin will be applied to each Row of the HTML Table thus when mouse is hovered on the Table Row, the ToolTip will be displayed.
17 Aug 2020 17 Aug 2020 0 Comments  26171 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Grid (GridView) in ASP.Net Core Razor Pages.

The data from the SQL Server Database Table will be fetched using Entity Framework and finally the fetched data is displayed in Grid (GridView) format using Model in ASP.Net Core Razor Pages.
30 Jun 2020 30 Jun 2020 0 Comments  38417 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Paging (Pagination) in ASP.Net Core MVC.

Paging (Pagination) will be implemented using Entity Framework in ASP.Net Core MVC.
10 Apr 2020 10 Apr 2020 2 Comments  29478 Views
Here Mudassar Ahmed Khan has explained with an example, how to display from Database Table in GridView (Grid) format in ASP.Net Core MVC.

The data from the SQL Server Database Table will be fetched using Entity Framework and finally the fetched data is displayed in Grid (GridView) format in ASP.Net Core MVC.
26 Oct 2018 26 Oct 2018 2 Comments  23798 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Nested Grid (GridView) with Expand Collapse in ASP.Net MVC Razor.
The Nested Grid (GridView) will be implemented with the help of WebGrid in ASP.Net MVC Razor.

The Nested WebGrid will be a combination of Parent – Child Table where Child WebGrid will be placed inside the Parent WebGrid and the Child WebGrid will be shown and hidden using Expand-Collapse feature in ASP.Net MVC Razor.
19 Sep 2018 19 Sep 2018 1 Comments  38044 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement inline editing in GridView in ASP.Net MVC Razor.

Since MVC does not have a GridView control, this article explains how to perform inline Row Edit operations i.e. Edit, Update and Cancel operations for a particular Row in WebGrid using Buttons in ASP.Net MVC Razor.

This article will illustrate how to build an Editable WebGrid using jQuery AJAX and Entity Framework in ASP.Net MVC Razor.
30 Aug 2018 30 Aug 2018 1 Comments  22554 Views
Here Mudassar Ahmed Khan has explained with an example, how to make the WebGrid Scrollable i.e. Freezed or Fixed WebGrid Header Row and add a vertical Scrollbar for scrolling the Data rows in ASP.Net MVC Razor.

The WebGrid Header will be freezed (fixed) and Data rows will be made Scrollable using the ASPSnippets Scrollable Table jQuery Plugin.
27 Aug 2018 27 Aug 2018 0 Comments  17471 Views
ASP.Net  HTML  Table  AngularJS  MVC  Web API  Grid
Here Mudassar Ahmed Khan has explained with an example, how to display data from Database using AngularJS and Web API in ASP.Net MVC Razor.

The Web API will be called using AngularJS and the data returned from the Web API will be displayed in Grid format using AngularJS in ASP.Net MVC Razor.