3

PHP と HTML を使用して Bootstrap テーブルを作成しています。ポップアップを含む、私が生成しているセルの例を次に示します。

echo '<td colspan="' . $newlength . '" rel="popover" id="example" data-toggle="popover" data-content="Content!!!" data-title="<img src=\'myimage.jpg\' width=\'45\' height=\'30\' /> &nbsp Title">Content!!!</td>';

これが私のスクリプトです:

$('[data-toggle="popover"]').popover({
trigger: 'click',
    'placement': 'bottom',
    html: 'true' });

私の問題は、ポップオーバーをアクティブにすると、ポップオーバーに対応するかのようにテーブルの下の行の幅が広がり、その後通常のサイズに変更されることです。これを止める方法はありますか?

編集:問題を再現しようとしました-bootplyではまったく同じではありませんが(テーブルは垂直ではなく水平にサイズ変更されています)、似ています。http://www.bootply.com/91456

4

1 に答える 1

3

containerオプションを使用できます.popover()...

$('[data-toggle="popover"]').popover({
    trigger: 'click',
        placement: 'right',
        html: 'true',
        container: '.table'
});

これにより、テーブル セルの代わりにポップオーバー要素がテーブルに追加されます。

于 2013-11-02T13:17:47.650 に答える