JSFiddle - React, Tailwind, and code Playground

by Rahul Sharma

HTML

table class="datagrid" id="tablo1" runat="server" >
    <thead><tr>
        <th>name</th>
        <th>surname</th>
        <th >number</th>
           </tr>
    </thead>
    <tbody>
        <tr>
            <td>ebrar</td>
            <td>bayburt</td>
            <td>999</td>
        </tr>
    </tbody>
</table>

JavaScript

$(document).ready(function () {
          $('#ekle').click(function () {//tabloya veri ekleme
               $('#tablo1 > tbody:last')
               .append('<tr><td class="A">' +
               $('#name_').val()
               + '</td><td class="K">' +
               $('#surname_').val()
               + '</td><td class="A">' +
               $('#number_').val()
               + '</td></tr>');
            });
         });