Javascript 如何为动态表创建标题

我正在根据用户输入生成动态表。我知道如何创建标题，但我想显示类似这样的标题

表格标题：|标签|控件|标签|控件|标签|控件|

以及如何使单元格可编辑

有人能建议我怎么做吗

谢谢

函数CreateTable（）{
var rowCtr；
var-cellCtr；
var-rowCnt；
var-cellCnt；
var myTableDiv=document.getElementById（“myDynamicTable”）；
var table=document.createElement（'table'）；
table.border='1'；
table.id='myTable'；
var tableBody=document.createElement（'Tbody'）；
table.appendChild（表体）；
rowCnt=document.getElementById（'txtrows'）.value；
cellCnt=document.getElementById（'txtcols'）.value；
对于（var rowCtr=0；rowCtr

行数
列计数
创建表

table.setAttribute（“contenteditable”、“true”）

将使其可编辑，请检查此项

函数CreateTable（）{
var rowCtr；
var-cellCtr；
var-rowCnt；
var-cellCnt；
var myTableDiv=document.getElementById（“myDynamicTable”）；
var table=document.createElement（'table'）；
table.setAttribute（“contenteditable”、“true”）；
table.border='1'；
table.id='myTable'；
var tableBody=document.createElement（'Tbody'）；
table.appendChild（表体）；
rowCnt=document.getElementById（'txtrows'）.value；
cellCnt=document.getElementById（'txtcols'）.value；
对于（var rowCtr=0；rowCtr

行数
列计数
创建表

为动态表创建重复的标题

函数CreateTable（）{
var rowCtr；
var-cellCtr；
var-rowCnt；
var-cellCnt；
var myTableDiv=document.getElementById（“myDynamicTable”）；
var table=document.createElement（'table'）；
table.setAttribute（“contenteditable”、“true”）；
table.border='1'；
table.id='myTable'；
变量头=[“标签”，“控件”]；
var thead=document.createElement（'thead'）；
表1.儿童（thead）；
cellCnt=document.getElementById（'txtcols'）.value；
对于（var i=0；i

行数
列计数
创建表

？为了能够编辑行，您需要在标题中添加字段，但不清楚要在标题中添加什么。重复多次“Label|Control”是什么意思？顺便说一句，看看元素，它可以简化创建普通单元格的代码。`document.getElementById（“myTable”）.contentEditable=true；`我试过了，没用。你能建议我如何申请这个吗？谢谢@T.Shashwat。您共享的用于创建表格标题的帖子也可以使用，但是，如果我以5*5的形式输入，那么如何重复标题，表格标题应该（Label | Control | Label | Control | Label.）显示如下。任何想法？？表头位于列数循环的内部，因此头将等于创建的列数。appendChild（th）用于相同的循环