使用js动态生成垂直html表 [英] Dynamic generation of vertically html table using js
本文介绍了使用js动态生成垂直html表的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想垂直生成html表吗？意味着表开始verticaly然后水平
喜欢这个
1
1
1
1
第二步
1 2
1 2
1 2
1 2
第三步
1 2 3
1 2 3
1 2 3
1 2 3
依此类推
I want to generate html table vertically? means table start verticaly then goes horizontally
like this
1
1
1
1
second step
1 2
1 2
1 2
1 2
third step
1 2 3
1 2 3
1 2 3
1 2 3
and so on
推荐答案
<html>
<head>
<title></title>
<style type="text/css">
#myTable
{
border:1px solid;
}
#myTable th
{
background-color:#006699;
color:#ffffff;
}
#myTable th,td {
padding: 5px;
border: 1px solid;
}
</style>
</head>
<body>
<div>
<input id="btnCreate" type="button" name="btnCreate" value="Create Column" />
</div>
<div>
<table id="myTable">
<tr>
<th>
Row 1
</th>
<td>
a
</td>
</tr>
<tr>
<th>
Row 2
</th>
<td>
b
</td>
</tr>
<tr>
<th>
Row 3
</th>
<td>
c
</td>
</tr>
<tr>
<th>
Row 4
</th>
<td>
d
</td>
</tr>
</table>
</div>
<script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
（document）.ready（function（）{
(document).ready(function () {
（'＃btnCreate'）。click（function（）{
CreateColumn（）;
}）;
}）;
函数CreateColumn（）{
('#btnCreate').click(function () { CreateColumn(); }); }); function CreateColumn() {
这篇关于使用js动态生成垂直html表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
