Category - HTML
Results 101 - 120 of 223
01 Oct 2018 01 Oct 2018 0 Comments  11200 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  45256 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.
19 Sep 2018 19 Sep 2018 0 Comments  61784 Views
ASP.Net  HTML  PDF
Here Mudassar Ahmed Khan has explained with an example, how to implement PDF Viewer in ASP.Net by embedding PDF file on Web Page using C# and VB.Net.

The PDF file will be embedded on Web Page using HTML OBJECT Tag in ASP.Net.
12 Sep 2018 14 Sep 2018 0 Comments  19866 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  22807 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  12238 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  67288 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  19589 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  55094 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  50422 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  154109 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  54763 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  59953 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.
27 Aug 2018 27 Aug 2018 0 Comments  32284 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  18021 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  32232 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  15397 Views
ASP.Net  HTML  MVC
Here Mudassar Ahmed Khan has explained with an example, how to send (post) HTML Content (Code) from View to Controller in ASP.Net MVC Razor.

The View consists of an HTML TextArea which has been converted into a Rich Text Editor by applying the TinyMCE plugin.

When the Submit button is clicked, the Form is posted and the HTML Content (Code) is received in the Controller’s Action method.
30 Jul 2018 30 Jul 2018 0 Comments  119796 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  20472 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  71153 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 101 - 120 of 223