Monday 27 November 2017

HTML Table Operation

HTML Table Operation


Hide Table Column


$('#table-name th:nth-child(column-no)').hide();

$('#table-name td:nth-child(column-no)').hide();

Example:
$('#tblService th:nth-child(4)').hide();
$('#tblService td:nth-child(4)').hide();


Print All columns of each row


var table = $("#tblBody");
        table.find('tr').each(function (i)
        {
            var $tds = $(this).find('td');
            alert ($tds.eq(0).text() + " , " + $tds.eq(1).text())
                              
        });


Print All Row columns except first

var table = $("#tblBody");
        table.find('tr').not(':first').each(function (i)
        {
            var $tds = $(this).find('td');
            alert ($tds.eq(0).text() + " , " + $tds.eq(1).text())
                              
        });
 

Get selected column data using rowid


Syntax:
$("RowId”).find('td').eq(ColumnIndex).text();

Example :
$("#r123”).find('td').eq(0).text();


Delete a Single row by row id

Syntax:
$("RowId”).remove();

Example :
$("#tblrow").remove();


Delete all row except first


Syntax:
$("selectorName").find("tr:gt(0)").remove();
Example :
 $("#tblStock").find("tr:gt(0)").remove();

Select A Table all rows by checkbox using jquery

Editable Table Jquery

No comments:

Post a Comment