我想知道如何仅使用 javascript 创建子标题列。我的数据来自服务器,所以我只想创建列和副标题。
因此我已经创建了列,但是如何仅使用 javascript(css 可以存在)来创建子标题,而不是借助我无法获得的 html。
谁能帮我解决这个问题。 这是表格的一些演示 -
在顶部我需要添加两个 3 列的子标题
最佳答案
$(document).ready(function() {
$('#addSubHeader').click(function() {
var subHeader = "<tr><th>3</th><th>4</th>><th>5</th><th>6</th></tr>";
$(subHeader).appendTo("thead");
});
});
th {
text-align:center;
}
td {
width: 100px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table">
<thead>
<tr>
<th colspan="2">1</th>
<th colspan="2">2</th>
</tr>
</thead>
<tbdody>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>e</td>
<td>f</td>
<td>g</td>
<td>h</td>
</tr>
</tbdody>
</table>
<button id="addSubHeader">
add a subheader</button>
</button>
关于javascript - 使用 javascript 在表中创建子标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43013159/