Question

i have my grid like this in jquery

success: function(result) {
    $('#MyGrid tbody').append('<tr><td>' + result.FileName + '</a></td><td><a href="#" class="remove">Remove</a></td></tr>');
}

now i want to add thead to MyGrid to which i need to add style property and inside thead i also need to add tr having style property. as like

 <thead style=""><tr style=""></tr></thead>

through jquery

also i need to remove that thead in another jquery function. so could you please provide me how to add thead and delete that thead in jquery which has tr inside it.

thanks,
michaeld

Answer 1

Here’s how you create the thead:

$('#MyGrid').append(
    $('<thead />').addClass('headerrow').append(
        $('<tr />').addClass('grouprow')
    )
)

Do you actually need to remove, or would hiding it be ok? If you’re happy to hide it:

$('#MyGrid thead').hide();