Javascript 带弹出窗口的引导大表
我已经创建了一个有21列的表，因为每列的名称太大了，所以我减少了它们，现在我想在每列上添加一个弹出窗口：hover，它将显示全文。以下是HTML：Javascript 带弹出窗口的引导大表,javascript,html,css,Javascript,Html,Css,我已经创建了一个有21列的表，因为每列的名称太大了，所以我减少了它们，现在我想在每列上添加一个弹出窗口：hover，它将显示全文。以下是HTML： <div class="col-lg-12"> <table id="example" class="display" cellspacing="0" width="100%"> <thea
<div class="col-lg-12">
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Player</th>
<th>POS</th>
<th>FW</th>
<th>M</th>
<th>FM</th>
<th>YC</th>
<th>RC</th>
<th>G</th>
<th>Ass</th>
<th>SoT</th>
<th>CS</th>
<th>SGM</th>
<th>TW</th>
<th>PI</th>
<th>PC</th>
<th>PKM</th>
<th>S</th>
<th>GC</th>
<th>MP</th>
<th>AMP</th>
<th>Buy</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>DEF</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td><div class="checkbox">
<label>
<input type="checkbox">
</label>
</div></td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>DEF</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td><div class="checkbox">
<label>
<input type="checkbox">
</label>
</div></td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>DEF</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td><div class="checkbox">
<label>
<input type="checkbox">
</label>
</div></td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>DEF</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td><div class="checkbox">
<label>
<input type="checkbox">
</label>
</div></td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>DEF</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td><div class="checkbox">
<label>
<input type="checkbox">
</label>
</div></td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>DEF</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>123</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td>13</td>
<td>322</td>
<td>312</td>
<td>13</td>
<td>32132</td>
<td>312</td>
<td>13</td>
<td>312</td>
<td><div class="checkbox">
<label>
<input type="checkbox">
</label>
</div></td>
</tr>
</tbody>
</table>
</div>
玩家
销售时点情报系统
FW
M
调频
YC
钢筋混凝土
G
屁股
索特
反恐精英
新加坡元
TW
圆周率
个人计算机
PKM
s
GC
议员
放大器
购买
老虎尼克松
DEF
13
312
13
312
13
312
13
312
13
312
13
312
312
13
312
312
13
312
老虎尼克松
DEF
13
312
13
312
13
312
13
312
13
312
13
312
312
13
312
312
13
312
老虎尼克松
DEF
13
312
13
312
13
312
13
312
13
312
13
312
312
13
312
312
13
312
老虎尼克松
DEF
13
312
13
312
13
312
13
312
13
312
13
312
312
13
312
312
13
312
老虎尼克松
DEF
13
312
13
312
13
312
13
312
13
312
13
312
312
13
312
312
13
312
老虎尼克松
DEF
13
312
13
312
123
312
13
312
13
312
13
322
312
13
32132
312
13
312