Category - Table
Results 41 - 60 of 106
18 Dec 2018 18 Dec 2018 0 Comments  12040 Views
Here Mudassar Ahmed Khan has explained with an example, how to remove (delete) row from HTML Table using AngularJS.

This article will explain how to dynamically add / remove rows from HTML Table created using ng-repeat directive in AngularJS.
01 Oct 2018 01 Oct 2018 0 Comments  10673 Views
Here Mudassar Ahmed Khan has explained with an example, how to make the ListView Scrollable i.e. Freezed or Fixed ListView Header Row and add a vertical Scrollbar for scrolling the Data rows in ASP.Net using C# and VB.Net.

The ListView will be displayed as HTML Table and the Header will be freezed (fixed) and Data rows will be made Scrollable using the ASPSnippets Scrollable Table jQuery Plugin.
01 Oct 2018 01 Oct 2018 2 Comments  43563 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Nested HTML Table with Expand Collapse in ASP.Net MVC Razor.

The Nested HTML Table will be a combination of Parent – Child Table where Child Tables will be placed inside the Parent Table and the Child Table will be shown and hidden using Expand-Collapse feature in ASP.Net MVC Razor.

The Nested Tables will be populated from database using Entity Framework and the Expand-Collapse feature will be implemented using jQuery.
12 Sep 2018 14 Sep 2018 0 Comments  19065 Views
Here Mudassar Ahmed Khan has explained with an example, how to read CSV File using AngularJS and HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into a JSON Array which will be later used to populate a HTML Table using ng-repeat directive in AngularJS.
04 Sep 2018 04 Sep 2018 0 Comments  22124 Views
Here Mudassar Ahmed Khan has explained with an example, how to embed (display) CSV File in Web Page (Browser) using JavaScript and HTML5 File API.

First the CSV file i.e. Comma separated Text file, will be read using HTML5 FileReader API as String.

Then the String will be parsed into Rows and Columns and will be displayed as HTML Table on Web Page in Browser.
04 Sep 2018 04 Sep 2018 0 Comments  11743 Views
jQuery  HTML  HTML5  Table
Here Mudassar Ahmed Khan has explained with an example, how to import CSV File to HTML Table using jQuery and HTML5 File API.

First the CSV File i.e. Comma separated Text file, will be read using HTML5 FileReader API as String.

Then the String will be parsed into Rows and Columns and will be displayed in HTML Table.
04 Sep 2018 04 Sep 2018 1 Comments  63892 Views
JavaScript  HTML  HTML5  CSV  Table
Here Mudassar Ahmed Khan has explained with an example, how to import CSV File to HTML Table using JavaScript and HTML5 File API.

First the CSV File i.e. Comma separated Text file, will be read using HTML5 FileReader API as String.

Then the String will be parsed into Rows and Columns and will be displayed in HTML Table.
04 Sep 2018 04 Sep 2018 0 Comments  18406 Views
jQuery  HTML  HTML5  CSV  FileUpload  Table
Here Mudassar Ahmed Khan has explained with an example, how to read CSV File in jQuery using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into Rows and Columns and will be displayed in HTML Table.
04 Sep 2018 04 Sep 2018 1 Comments  53461 Views
Here Mudassar Ahmed Khan has explained with an example, how to read CSV File in JavaScript using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into Rows and Columns and will be displayed in HTML Table.
31 Aug 2018 31 Aug 2018 0 Comments  48729 Views
Excel  jQuery  HTML  Table
Here Mudassar Ahmed Khan has explained with an example, how to read and parse Excel file (XLS and XLSX) using jQuery.

Once File is selected in FileUpload control, it is read as Binary data and then the Binary data is read using the xlsx Excel plugin.

The read data from Excel file is displayed in HTML Table using jQuery.
31 Aug 2018 31 Aug 2018 5 Comments  152109 Views
Here Mudassar Ahmed Khan has explained with an example, how to read and parse Excel file (XLS and XLSX) using JavaScript.

Once File is selected in FileUpload control, it is read as Binary data and then the Binary data is read using the xlsx Excel plugin.

The read data from Excel file is displayed in HTML Table using JavaScript.
30 Aug 2018 30 Aug 2018 0 Comments  52846 Views
jQuery  HTML  Table  PDF
Here Mudassar Ahmed Khan has explained with an example, how to convert (export) HTML Table to PDF file using jQuery.

The HTML Table will be first converted into a HTML5 Canvas using html2canvas plugin and then the HTML5 Canvas will be exported to PDF file using the pdfmake plugin in jQuery.
30 Aug 2018 30 Aug 2018 1 Comments  57630 Views
Here Mudassar Ahmed Khan has explained with an example, how to convert (export) HTML Table to PDF file using JavaScript.

The HTML Table will be first converted into a HTML5 Canvas using html2canvas plugin and then the HTML5 Canvas will be exported to PDF file using the pdfmake plugin in JavaScript.
28 Aug 2018 28 Aug 2018 0 Comments  12644 Views
Here Mudassar Ahmed Khan has explained with an example, how to fetch (retrieve) data from Database using AngularJS in ASP.Net MVC Razor.

The data from the database will be fetched using Entity Framework inside a Web API Controller.

The Web API Controller will be called from AngularJS using $http service and the retrieved database records will be displayed in Table (Grid) format.
27 Aug 2018 27 Aug 2018 0 Comments  31186 Views
Here Mudassar Ahmed Khan has explained with an example, how to export HTML Table data to Excel file using AngularJS.

The HTML Table will be populated from a JSON array using AngularJS.

The HTML Table will be exported to Excel file using the jQuery table2excel plugin.
27 Aug 2018 27 Aug 2018 0 Comments  17674 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.
01 Aug 2018 01 Aug 2018 0 Comments  30974 Views
ASP.Net  AJAX  jQuery  HTML  Table  MVC
Here Mudassar Ahmed Khan has explained with an example, how to add and delete Rows from HTML Table using jQuery AJAX in ASP.Net MVC Razor.

Entity Framework will be used to perform Insert and Delete operations in ASP.Net MVC Razor.
30 Jul 2018 30 Jul 2018 0 Comments  116059 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically add rows to HTML Table on Button click using jQuery AJAX in ASP.Net MVC Razor.

Finally, the dynamically added rows of the HTML Table will be sent to Controller’s Action method using jQuery AJAX and later inserted in database using Entity Framework in ASP.Net MVC Razor.
30 Jul 2018 30 Jul 2018 0 Comments  19632 Views
ASP.Net  HTML  Table  MVC
Here Mudassar Ahmed Khan has explained with an example, how to pass (send) dynamically added HTML Table records list to Controller’s Action method using jQuery AJAX in ASP.Net MVC Razor.

Records will be dynamically added to the HTML Table on Button click using jQuery and later these records will be sent to Controller’s Action method and will be inserted in database using Entity Framework in ASP.Net MVC Razor.
30 Jul 2018 30 Jul 2018 0 Comments  69314 Views
ASP.Net  HTML  Table  MVC
Here Mudassar Ahmed Khan has explained with an example, how to pass (send) HTML Table rows (data) from View to Controller’s Action method using jQuery AJAX in ASP.Net MVC Razor.

The HTML Table rows will be sent as JSON object similar to Model class and will be received as Model class objects inside Controller’s Action method in ASP.Net MVC Razor.
Results 41 - 60 of 106