JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<table id="criterionTable">
                <thead class="table-head">
                <tr>
                    <th>name</th>
                    <th>button</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                  <td>name</td>
                  <td>
                    <button class='addButton btn-primary btn-sm'>
                     <span class='glyphicon glyphicon-plus'></span> 
                   </button></td>
                </tr>
                <tr>
                  <td>name2</td>
                  <td>
                    <button class='addButton btn-primary btn-sm'>
                     <span class='glyphicon glyphicon-plus'></span> 
                   </button></td>
                </tr>
                </tbody>
            </table>

JavaScript

$(document).on('click', '.addButton', function () {
        alert($(this).closest('tr').find('td:first').text());
});

function appendTableRows(data){
    $.each(data, function(key, value){
        $('#criterionTable > tbody:last-child').append("<tr>" +
            "<td>"+value.title+"</td>" +
            "<td><button class='addButton btn-primary btn-sm'><span class='glyphicon glyphicon-plus'></span></button></td>" +
            "</tr>");
    });
}

for (var i = 0; i < 100; i++) {
		appendTableRows([{'title':i+5}]);
}