Javascript 将表格标题与数据对齐

我有以下代码：

函数deleteRow（行）{
var i=row.parentNode.parentNode.rowIndex-2；//这->td->tr//-2，因为前两行用于标题
var tbl=document.querySelector（'tbody'）；
如果（tbl&&tbl.rows.length>1）{
tbl.deleteRow（i）；
数组.from（tbl.rows）.forEach（（行，索引）=>{
行。单元格[0]。innerHTML=index+1；
});
}
} 
函数insRow（row）{
var i=row.parentNode.parentNode.rowIndex-2；//这->td->tr//-2，因为前两行用于标题
var tbl=document.querySelector（'tbody'）；
var行=document.createElement（'tr'）；
row.innerHTML=`
`;
var len=tbl.rows.length；
行。单元格[0]。innerHTML=len+1；
tbl.insertBefore（世界其他地区，tbl.children[i+1]）；
数组.from（tbl.rows）.forEach（（行，索引）=>{
行。单元格[0]。innerHTML=index+1；
});
//tbl.追加子项（世界其他地区）；
}

html，正文{
宽度：最大含量；
}
桌子{
最大宽度：980px；
表布局：固定；
保证金：自动；
}
th，td{
填充物：5px10px；
边框：1px实心#000；
}
西亚德{
背景#f9f9f9；
显示：表格；
宽度：100%；
宽度：计算（100%-8px）；
}
t车身{
高度：300px；
溢出：自动；
溢出x：隐藏；
显示：块；
宽度：100%；
}
tbody tr{
显示：表格；
/*宽度：100%*/
表布局：固定；
}
th:类型{width:30px；}的第一个
th{
背景：浅蓝色；
边框颜色：白色；
}
#机箱{宽度：100px；}

每月储蓄
表格标题
POI
纬度
经度
删除？
添加行？
1.
表尾

可能会删除一些css

函数deleteRow（行）{
var i=row.parentNode.parentNode.rowIndex-2；//这->td->tr//-2，因为前两行用于标题
var tbl=document.querySelector（'tbody'）；
如果（tbl&&tbl.rows.length>1）{
tbl.deleteRow（i）；
数组.from（tbl.rows）.forEach（（行，索引）=>{
行。单元格[0]。innerHTML=index+1；
});
}
} 
函数insRow（row）{
var i=row.parentNode.parentNode.rowIndex-2；//这->td->tr//-2，因为前两行用于标题
var tbl=document.querySelector（'tbody'）；
var行=document.createElement（'tr'）；
row.innerHTML=`
`;
var len=tbl.rows.length；
行。单元格[0]。innerHTML=len+1；
tbl.insertBefore（世界其他地区，tbl.children[i+1]）；
数组.from（tbl.rows）.forEach（（行，索引）=>{
行。单元格[0]。innerHTML=index+1；
});
//tbl.追加子项（世界其他地区）；
}

html，正文{
宽度：最大含量；
}
桌子{
最大宽度：980px；
表布局：固定；
保证金：自动；
}
th，td{
填充物：5px10px；
边框：1px实心#000；
}
th{
背景：浅蓝色；
边框颜色：白色；
}
#机箱{宽度：100px；}

每月储蓄
表格标题
POI
纬度
经度
删除？
添加行？
1.
表尾

可能会删除一些css

函数deleteRow（行）{
var i=row.parentNode.parentNode.rowIndex-2；//这->td->tr//-2，因为前两行用于标题
var tbl=document.querySelector（'tbody'）；
如果（tbl&&tbl.rows.length>1）{
tbl.deleteRow（i）；
数组.from（tbl.rows）.forEach（（行，索引）=>{
行。单元格[0]。innerHTML=index+1；
});
}
} 
函数insRow（row）{
var i=row.parentNode.parentNode.rowIndex-2；//这->td->tr//-2，因为前两行用于标题
var tbl=document.querySelector（'tbody'）；
var行=document.createElement（'tr'）；
row.innerHTML=`
`;
var len=tbl.rows.length；
行。单元格[0]。innerHTML=len+1；
tbl.insertBefore（世界其他地区，tbl.children[i+1]）；
数组.from（tbl.rows）.forEach（（行，索引）=>{
行。单元格[0]。innerHTML=index+1；
});
//tbl.追加子项（世界其他地区）；
}

html，正文{
宽度：最大含量；
}
桌子{
最大宽度：980px；
表布局：固定；
保证金：自动；
}
th，td{
填充物：5px10px；
边框：1px实心#000；
}
th{
背景：浅蓝色；
边框颜色：白色；
}
#机箱{宽度：100px；}

每月储蓄
表格标题
POI
纬度
经度
删除？
添加行？
1.