步骤一：创建表格容器
要生成一个html表格，首先需要在html文档中创建一个表格容器，用于存放生成的表格。在html中，表格容器可以使用table元素来表示，即：
<table id="mytable"></table>
上述代码中，使用了一个id属性来为表格容器指定了一个唯一的标识符，方便在javascript中进行引用。
步骤二：添加表格头部
表格的头部一般包括表格的列名，可以通过javascript来动态添加。下面是一个添加表格头部的示例代码：
var table = document.getelementbyid(mytable);var thead = table.createthead();var row = thead.insertrow();var cell1 = row.insertcell();var cell2 = row.insertcell();cell1.innerhtml = <b>姓名</b>;cell2.innerhtml = <b>年龄</b>;
上述代码中，首先通过getelementbyid方法获取了表格容器的引用，然后调用createthead方法创建了表格头部，接着通过insertrow方法添加了一行表头，最后通过insertcell方法添加了两个单元格，并使用innerhtml属性设置了单元格的文本内容。
步骤三：添加表格数据
表格数据一般从后台服务器获取，可以通过ajax等方式异步获取数据，然后通过javascript动态添加到表格中。以下是一个添加表格数据的示例代码：
function loaddata() { // 通过ajax获取数据，然后解析成一个二维数组 var data = [ [张三, 22], [李四, 23], [王五, 24], ... ]; var table = document.getelementbyid(mytable); var tbody = table.createtbody(); for (var i = 0; i < data.length; i++) { var row = tbody.insertrow(); var cell1 = row.insertcell(); var cell2 = row.insertcell(); cell1.innerhtml = data[i][0]; cell2.innerhtml = data[i][1]; }}
上述代码中，loaddata函数通过ajax方式获取了一个二维数组data，然后通过for循环遍历数组，动态创建表格行和单元格，并将数据填充到单元格中。
步骤四：调用函数
在html文档中，我们可以通过按钮或者其他交互方式调用loaddata函数，实现动态加载表格数据的功能。以下是一个调用函数的示例代码：
<button onclick="loaddata()">加载表格数据</button>
在点击按钮后，loaddata函数将被调用，完成动态生成html表格的过程。以上就是利用javascript动态添加html表格的一个示例。在实际应用中，可以根据实际需求灵活调整代码，实现更加复杂的表格效果。
以上就是javascript怎么加表格的详细内容。