これがプランカーです - http://plnkr.co/edit/iwvjJcUurUW2AvkDArfz?p=preview
問題は、各行にカーソルを合わせると、列が左に移動することです。これは望ましくありません。
マウスをホバーするとアイコンが表示および非表示になり、表の列の位置がずれないようにしたい
どうすればそれを達成できますか?
ありがとうございました
質問する
399 次
4 に答える
1
CSSを修正するだけです:-
tr i.icon-minus-sign {visibility: hidden;}
tr:hover i.icon-minus-sign {visibility: visible;}
display:none問題は、他のセルがスペースを取って拡大するため、最初は要素のない列があることです。要素にカーソルを合わせると、スペースが占有され、縮小された td が展開されます。これを回避する最善の方法は、プロパティvisibilityとは異なり、要素が隠されていても要素スペースを取ることですdisplay
于 2013-05-15T04:47:29.793 に答える
0
ここにあるのは解決策widthでthあり、空白を1つ追加しますth
<th width="100px">Name</th>
<th width="300px">Amount</th>
<th width="100px"> </th>
必要に応じて幅を変更できます。
于 2013-05-15T04:45:55.397 に答える
0
CSSvisibilityプロパティで動作するようになりました
これが更新されたプランカーです - http://plnkr.co/edit/iwvjJcUurUW2AvkDArfz?p=preview
これが私のcssに対して行ったすべてです
tr i.icon-minus-sign {visibility: hidden;}
tr:hover i.icon-minus-sign {visibility: visible;}
于 2013-05-15T04:47:26.647 に答える