Category - Table
Results 61 - 80 of 130
20 Dec 2018 21 Dec 2018 0 Comments  13093 Views
Here Mudassar Ahmed Khan has explained with an example, how to select one (single) CheckBox from multiple CheckBoxes using jQuery.

By default, multiple CheckBoxes are meant for multiple selection, thus in order to make it work as Single selection i.e. similar to that of a RadioButtons, jQuery needs to be used to achieve the same.
19 Dec 2018 19 Dec 2018 0 Comments  30204 Views
Here Mudassar Ahmed Khan has explained with an example, how to select one (single) CheckBox from multiple CheckBoxes in JavaScript.

By default, multiple CheckBoxes are meant for multiple selection, thus in order to make it work as Single selection i.e. similar to that of a RadioButtons, JavaScript needs to be used to achieve the same.
18 Dec 2018 18 Dec 2018 0 Comments  9161 Views
Here Mudassar Ahmed Khan has explained with an example, how to delete (remove) multiple ng-repeat items using CheckBox in AngularJS.

The HTML Table with multiple CheckBoxes will be populated using ng-repeat directive and the selected (checked) Rows (Items) will be deleted from HTML Table on Single Button click using AngularJS.
18 Dec 2018 18 Dec 2018 0 Comments  13390 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  11846 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  48178 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  21435 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  23730 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  12799 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  71706 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  21023 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  57497 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  52496 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  156054 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  56554 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  62629 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  13564 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  33629 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  18422 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  33749 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.
Results 61 - 80 of 130