在剧院内插入tr和td

Question

I currently have a cshtml/javascript/jQuery webapp and I want to insert a <td> inside a <tr> inside an existing <thead> of a <table> . I don't know how can I insert <tr> inside an existing <thead> . I know how to create one and fill it, but how can I insert new lines?

I want to insert:

<tr class="ligne" style="height: 0px; background-color: white;">
    <td style="border-bottom: black 1px solid; padding-bottom: 0px; height: 1px; padding-top: 0px;" colSpan="6"/>
</tr>

I want to insert it just under the selected line, below:

How can I achieve that?

Answer 1

If you want to add an element to a container, after the children of this container, use jQuery method append() .

But if you want this element to be the first child of the container, use jQuery method prepend() .

In your case, i would do :

$("#GrilleBilan .t-grid-header").prepend("<tr><td> ... </td></tr>")

Answer 2

try this :

<thead id='insert_tr'>
</thead>

This is your thead and you can insert tr and td both inside thead like this:

var appendtr = "";
appendtr += "<tr><th></th></tr>";//And last append this variable inside thead:
 $("#insert_tr").append(appendtr);

you can also insert a multiple tr and td and th with tha help of for loop

for(var tr = 1; tr <= 5; tr++)
(
 appendtr += "<tr><th></th></tr>";
  $("#insert_tr").append(appendtr);
)

Answer 3

if you want to insert <tr><td></td></tr> after thead used the below code,

$('#GrilleBilan .t-grid-header').after('Your element to insert')

I am using table id (#GrilleBilan) because if you have more than one table, it did not replcated it other tables to.

Sorry, I missed that