表格是網頁中常見的元素，它可以用來展示數據或者布局頁面。在使用表格時，經常需要插入新的行來添加數據，此時可以使用JavaScript來實現動態插入行的功能。通過設置CSS樣式，可以使插入的新行更加美觀。

// 獲取表格對象
var table = document.getElementById('myTable');
// 創建新行
var newRow = table.insertRow(2);
// 創建新單元格
var cell1 = newRow.insertCell(0);
var cell2 = newRow.insertCell(1);
var cell3 = newRow.insertCell(2);
// 設置單元格內容
cell1.innerHTML = 'John';
cell2.innerHTML = 'Doe';
cell3.innerHTML = '20';
// 設置單元格樣式
newRow.style.background = '#f2f2f2';
newRow.style.fontWeight = 'bold';
newRow.style.textAlign = 'center';

上述代碼通過獲取表格對象，使用insertRow方法在第二行插入了一個新的行。然后，通過insertCell方法為新行創建了三個新的單元格，最后通過innerHTML屬性設置單元格的內容。在此基礎上，通過設置樣式，使新行的背景色為灰色，文字加粗且居中。

需要注意的是，該方法只適用于動態創建表格行，如果需要刪除或編輯表格中已有的行，需要通過其他方法實現。