gpt4 book ai didi

javascript - Bootstrap 表 - 重复表头

转载 作者:行者123 更新时间:2023-11-28 06:53:30 25 4
gpt4 key购买 nike

当我尝试重新制作此组列示例时:http://issues.wenzhixin.net.cn/bootstrap-table/index.html#options/group-columns.html从 Bootstrap 表文档中,我得到了错误的结果。标题被复制并显示两次。

我的代码在这里:

TYPE html>
<html>
<head>
<title>Group Columns</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.min.css">
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.1/bootstrap-table.js"></script>
</head>
<body>
<div class="container">
<h1>Group Columns</h1>
<p>Use <code>rowspan, colspan</code> options to set the group columns header.</p>
<table id="table" data-toggle="table">
<thead>
<tr>
<th colspan="2">Item Detail</th>
<th data-field="id" rowspan="2" data-valign="middle">Item ID</th>
</tr>
<tr>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border: 1px solid black">1</td>
<td style="border: 1px solid black">2</td>
<td style="border: 1px solid black">3</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

如下面的JSFiddle http://jsfiddle.net/mwe2ufzg/所示.

最佳答案

尝试更新到 bootstrap-table 版本 1.9.0

关于javascript - Bootstrap 表 - 重复表头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32764253/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com