JSFiddle - React, Tailwind, and code Playground

HTML

<script>
tabl = $('#err_table');
jQuery.data(tabl, 'err_id', 1);
$('#addrow').click( function() {
    err_id = jQuery.data(tabl, 'err_id') + 1;
    tabl.append('<tr><td style="border:1px solid gray; width:40px; padding:15px">'+ 
    err_id + '</td>' + 
        '<td style="border:1px solid gray; width:400px; padding:15px">New Error message</td>' +
        '<td style="border:1px solid gray; padding:15px">Your solution to the problem</td></tr>');
		jQuery.data(tabl, 'err_id', err_id);
});
</script>
<table id='err_table' style="border:1px solid gray;border-collapse:collapse;width:100%">
    <tbody>
    <tr>
        <td style="border:1px solid gray; width:40px; padding:15px">1</td>
        <td style="border:1px solid gray; width:400px; padding:15px">Error message</td>
        <td style="border:1px solid gray; padding:15px">A long solution to the problem</td>
    </tr>
    </tbody>
</table>
<button id='addrow'>Add row</button>