在固定多列，且固定列行合并時出現例外，請教大神有解決方法嗎？
代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="https://bbs.csdn.net/topics/~/Scripts/jquery-3.3.1.js"></script>
<link rel="stylesheet" href="https://bbs.csdn.net/topics/~/Content/bootstrap.min.css" />
<link rel="stylesheet" href="https://bbs.csdn.net/topics/~/Scripts/dist/bootstrap-table.css" />
<script src="https://bbs.csdn.net/topics/~/Scripts/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://bbs.csdn.net/topics/~/Scripts/dist/bootstrap-table.min.css" />
<script src="https://bbs.csdn.net/topics/~/Scripts/dist/bootstrap-table.min.js"></script>
<script src="https://bbs.csdn.net/topics/~/Scripts/dist/locale/bootstrap-table-zh-CN.js"></script>
<link rel="stylesheet" href="https://bbs.csdn.net/topics/~/Scripts/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" />
<script src="https://bbs.csdn.net/topics/~/Scripts/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.min.js"></script>
<script type="text/javascript">
$(function(){
$("#table").bootstrapTable('destroy').bootstrapTable({
fixedColumns: true,
fixedNumber: 4 //固定列數
});
})
</script>
</head>
<body>
<table class="table table-bordered" id="table" data-toggle="table" data-height="200">
<thead>
<tr>
<th>表頭一</th>
<th>表頭二</th>
<th>表頭三</th>
<th>表頭四</th>
<th>表頭五</th>
<th>表頭六</th>
<th>表頭七</th>
<th>表頭八</th>
<th>表頭九</th>
<th>表頭十</th>
<th>表頭十一</th>
<th>表頭十二</th>
<th>表頭十三</th>
<th>表頭十四</th>
<th>表頭十五</th>
<th>表頭十六</th>
<th>表頭十七</th>
<th>表頭十八</th>
<th>表頭十九</th>
<th>表頭二十</th>
<th>表頭二十一</th>
<th>表頭二十二</th>
<th>表頭二十三</th>
<th>表頭二十四</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td rowspan="2">2</td>
<td rowspan="2">3</td>
<td rowspan="2">4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
</tbody>
</table>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/108314.html
標籤：JavaScript
上一篇：20200103