Einfügen eines tr und td in einem thead

Question

Ich habe derzeit eine cshtml/javascript/jQuery webapp und ich möchte eine <td> innerhalb einer <tr> innerhalb einer bestehenden <thead> von <table> einfügen. Ich weiß nicht, wie ich <tr> in eine bestehende <thead> einfügen kann. Ich weiß, wie man einen erstellt und füllt, aber wie kann ich neue Zeilen einfügen?

Ich möchte einfügen: dass

Wie kann ich erreichen:

<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> 

ich es nur unter der ausgewählten Zeile, unten eingefügt werden soll?

Answer 1

wenn Sie <tr><td></td></tr> nach Thead dem Code unten,

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

I id bin mit Tabelle verwendet eingefügt werden sollen (#GrilleBilan), denn wenn man mehr als eine Tabelle hat, ist es nicht, es andere Tabellen replcated hat .

Sorry, habe ich verpasst, dass

Answer 2

try this:

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

Das ist Ihre thead und Sie können tr und td einfügen innen Thead wie folgt aus:

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

Sie können auch fügen Sie ein multiple tr und td und th mit Hilfe von for Schleife ein

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

Answer 3

Wenn Sie ein Element nach den untergeordneten Elementen dieses Containers zu einem Container hinzufügen möchten, verwenden Sie die jQuery-Methode append().

Wenn dieses Element jedoch das erste untergeordnete Element des Containers sein soll, verwenden Sie die jQuery-Methode prepend().

In Ihrem Fall tun würde, i:

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