AddNewRow

Adding new row

HTML

<table border="1" id="logTable_44False">
                            <thead>
                            <tr>
                                <th width="5%"></th>
                                <th width="20% !important">Time</th>
                                <th width="75%">Message</th>
                            </tr>
                            </thead>
                            <tbody>
                                    <tr id="[email protected]@logEntry.MessageType">
                                        <td>Test</td>
                                        <td><i>1-2-3</i></td>
                                        <td><i>4-5-6</i></td>
                                    </tr>
                            </tbody>
                        </table>
                        <br />
                        <br />
                        
                        <table border="1" id="logTable_55False">
                            <thead>
                            <tr>
                                <th width="5%"></th>
                                <th width="20% !important">Time</th>
                                <th width="75%">Message</th>
                            </tr>
                            </thead>
                            <tbody>
                                    <tr id="[email protected]@logEntry.MessageType">
                                        <td>Test</td>
                                        <td><i>1-2-3</i></td>
                                        <td><i>4-5-6</i></td>
                                    </tr>
                            </tbody>
                        </table>

JavaScript

var tableId = "logTable_" + 44 + "False";
var row = $('<tr>').append('<td>New row text</td><td>New row 2nd cell</td><td>Please work</td>');

$('#' + tableId).find('tbody').append(row);


document.addEventListener("DOMContentLoaded", function (ev) { 

var tblId = "logTable_" + 55 + "False";

var newRow = document.getElementById(tblId).insertRow();
newRow.innerHTML="<td>New row text</td><td>New row 2nd cell</td><td>Please work</td>";
}