Jquery Kullanarak Tablonun Sonuna Yeni Satır Eklemek

Varolan bir html tablosunun sonuna jquery kullarak yeni bir satır eklemek için aşağıdaki kodlardan durumumuza uygun olan birisini kullanabiliriz:

Eğer tablomuz aşağıdaki gibi tbody içeriyorsa;

<table id="myTable">
  <tbody>
    <tr>...</tr>
    <tr>...</tr>
  </tbody>
</table>

aşağıdaki kodu kullanabiliriz:

$('#myTable > tbody:last-child').append('<tr>...</tr>');

burada son satırın altına yeni bir satır eklenecektir. 3 nokta ile olan yere de sütünlarımızı ekleyebiliriz isteğimize göre.


Eğer tablomuz aşağıdaki gibi tbody içermiyorsa;

<table id="myTable">
    <tr>...</tr>
    <tr>...</tr>
</table>

aşağıdaki kodu kullanabiliriz:

$('#myTable tr:last').after('<tr>...</tr>');

burada son satırın altına yeni bir satır eklenecektir. 3 nokta ile olan yere de sütünlarımızı ekleyebiliriz isteğimize göre.