Table Articles

Category - Table

30 Jul 2018 Mudassar Khan 0 Comments 24076 Views

ASP.Net AJAX jQuery HTML JSON Table MVC

Here Mudassar Ahmed Khan has explained with an example, how to convert HTML Table rows (data) to JSON array and send to Controller’s Action method using jQuery AJAX in ASP.Net MVC Razor.

The data from all the rows of the HTML Table will be added to an array of JSON objects and sent to Controller using jQuery AJAX.

Finally, the data will be saved to database using Entity Framework in ASP.Net MVC Razor.

23 Jul 2018 Mudassar Khan 1 Comments 36669 Views

ASP.Net AJAX SQL Server jQuery HTML JSON Table MVC TextBox

Here Mudassar Ahmed Khan has explained with an example, how to validate at-least one CheckBox is checked (selected) from a group of multiple CheckBoxes in ASP.Net MVC Razor.

There is no Data Annotation attribute to perform at-least one CheckBox checked (selected) validation in a group of multiple CheckBoxes, hence the validation will be performed using jQuery in ASP.Net MVC Razor.

The list of CheckBoxes will be populated from database using Model in ASP.Net MVC Razor.

20 Jul 2018 Mudassar Khan 1 Comments 20484 Views

ASP.Net ADO.Net HTML Table MVC

Here Mudassar Ahmed Khan has explained with an example, how to perform CRUD operation (Create, Read, Update and Delete) using ADO.Net in ASP.Net MVC Razor.

CRUD operation in simple terms means Select, Insert, Edit, Update and Delete operations.

06 Jul 2018 Mudassar Khan 0 Comments 39414 Views

JavaScript jQuery jQuery Plugins HTML Table

Here Mudassar Ahmed Khan has explained with an example, how to sort (reorder) Table rows with jQuery using Drag and Drop method.

The HTML Table rows will be sorted (reordered) with Drag and Drop method using the jQuery UI Sortable Plugin.

22 Jun 2018 01 Aug 2018 Mudassar Khan 4 Comments 133165 Views

ASP.Net AJAX jQuery Entity Framework HTML Table MVC

Here Mudassar Ahmed Khan has explained with an example, how to build an Editable Table in ASP.Net MVC Razor.
Using an Editable Table one can perform CRUD operations i.e. Insert, Edit, Update and Delete operations using an HTML Table in ASP.Net MVC Razor.

This article will illustrate how to build an Editable Table using jQuery AJAX and Entity Framework in ASP.Net MVC Razor.

15 Nov 2017 Mudassar Khan 1 Comments 35958 Views

ASP.Net jQuery Plugins Entity Framework HTML Table MVC

Here Mudassar Ahmed Khan has explained with an example, how to drag and drop and reorder HTML Table rows using jQuery UI Sortable Plugin in ASP.Net MVC Razor.

The HTML Table will be populated from database Table using Entity Framework and the order the HTML Table rows will also be saved into the database Table using Entity Framework.

03 Nov 2017 Mudassar Khan 0 Comments 20567 Views

JavaScript XML HTML Table

Here Mudassar Ahmed Khan has explained with an example, how to read and parse XML string using plain JavaScript.

This article will also explain how to parse XML to read the Node values by accessing the Nodes by Index and also by the Tag name using JavaScript.

15 Sep 2017 27 Aug 2018 Mudassar Khan 0 Comments 45449 Views

Excel jQuery HTML Table

Here Mudassar Ahmed Khan has explained with an example, how to convert (export) HTML Table to Excel file using jQuery.

This article will explain how to convert (export) HTML Table to Excel file with the help of the jQuery table2excel plugin.

13 Sep 2017 Mudassar Khan 1 Comments 30243 Views

HTML Table AngularJS

Here Mudassar Ahmed Khan has explained wwith an example, how to get the TD value of the HTML Table row which is populated from JSON array using AngularJS ng-repeat directive.

This article will explain how to get the TD value of the HTML Table when Button within the HTML Table row is clicked using AngularJS.

13 Sep 2017 Mudassar Khan 1 Comments 30908 Views

HTML Table AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to get the Row data of the HTML Table which is populated from JSON array using AngularJS ng-repeat directive.

This article will explain how to get the Row data of the HTML Table when Button within the HTML Table row is clicked using AngularJS.

04 Sep 2017 Mudassar Khan 0 Comments 16594 Views

HTML Table AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to use AngularJS ng-repeat directive to create Nested loops in AngularJS.

Complex nested JSON objects comprises of a JSON object array and each object of the JSON array consisting of another child JSON object array.

In such scenario, one has to make use of nested ng-repeat directive i.e. one ng-repeat directive inside another ng-repeat directive, thus it makes nested loops.

10 Aug 2017 Mudassar Khan 1 Comments 13005 Views

HTML Table AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to access complex nested JSON objects in AngularJS.

Complex nested JSON objects comprises of a JSON object array and each object of the JSON array consisting of another child JSON object array.

In such scenario, one has to make use of nested ng-repeat directive i.e. one ng-repeat directive inside another ng-repeat directive, this making a parent child ng-repeat directive hierarchy.

10 Aug 2017 Mudassar Khan 1 Comments 42040 Views

HTML Table AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to use AngularJS ng-repeat directive with complex nested JSON objects.

Complex nested JSON objects comprises of a JSON object array and each object of the JSON array consisting of another child JSON object array.

In such scenario, one has to make use of nested ng-repeat directive i.e. one ng-repeat directive inside another ng-repeat directive, this making a parent child ng-repeat directive hierarchy.

09 Aug 2017 Mudassar Khan 0 Comments 29675 Views

jQuery HTML Table

Here Mudassar Ahmed Khan has explained with an example, how to implement Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using jQuery.

The HTML Table with CheckBoxes will be populated using Array and the CheckBox in Header Row will be used to Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using jQuery.

09 Aug 2017 Mudassar Khan 1 Comments 19682 Views

JavaScript HTML CheckBox Table

Here Mudassar Ahmed Khan has explained with an example, how to implement Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using JavaScript.

The HTML Table with CheckBoxes will be populated using Array and the CheckBox in Header Row will be used to Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using JavaScript.

08 Aug 2017 Mudassar Khan 1 Comments 69749 Views

jQuery HTML Table

Here Mudassar Ahmed Khan has explained with an example, how to add (insert) / remove (delete) HTML Table Rows dynamically using jQuery.

A new row will be added (inserted) using TextBoxes in Footer row in the HTML Table while a row will be removed (deleted) using a Remove button within the HTML Table row using jQuery.

08 Aug 2017 Mudassar Khan 0 Comments 50637 Views

JavaScript HTML Table

Here Mudassar Ahmed Khan has explained with an example, how to add (insert) / remove (delete) HTML Table Rows dynamically using JavaScript.

A new row will be added (inserted) using TextBoxes in Footer row in the HTML Table while a row will be removed (deleted) using a Remove button within the HTML Table row using JavaScript.

05 Aug 2017 17 Dec 2018 Mudassar Khan 0 Comments 22146 Views

CheckBox Table AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to implement Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using AngularJS.

The HTML Table with CheckBoxes will be implemented using ng-repeat directive and the CheckBox in Header Row will be used to Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using AngularJS.

02 Aug 2017 Mudassar Khan 0 Comments 18089 Views

HTML Table AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to use AngularJS nested ng-repeat directive to dynamically populate (bind) nested HTML Table from JSON array.

Nested Tables means Table inside Table and it will be created by nesting one ng-repeat loop inside another ng-repeat loop.

First an array of JSON objects is generated and then it is used to populate (bind) nested HTML Table using the nested AngularJS ng-repeat directive.

31 Jul 2017 Mudassar Khan 0 Comments 126914 Views

HTML Table AngularJS

Here Mudassar Ahmed Khan has explained with an example, how to use the $index variable of ng-repeat directive in AngularJS.

The $index variable is used to get the Index of an item repeated using ng-repeat directive in AngularJS.

This article will explain how to use the $index of the row of HTML Table populated using ng-repeat directive in following two scenarios.
1. Get the Index inside the HTML Table cell using AngularJS.
2. Get the Index when Button within the HTML Table row is clicked using AngularJS.