2016-07-11 1 views
2

私のアプリはjQuery + Tablesorter(mottie fork)を使用してサーバー概要テーブルを作成します。Tablesorter(mottie fork)/テーマブートストラップ/ヘッダーソーターfalse => iクラスがまだ存在します

それはよさそうだ、私はブートストラップのテーマ( theme.bootstrap.css)を使用してtablesorterの初期化中に、私は

theme: "bootstrap" 

を追加し、

headers: { 0: { 
          sorter: false, 
          filter: false 
         } 
        }, 

で列0を無効

view of checkbox in header

しかし、私はchで作業するには問題がありますeckbox。ヘッダーのすぐ下の1ピクセルでのみ有効にすることができます。

ソートのアイコンは表示されませんが、<i class ..>はまだ表示されています。

<div class="tablesorter-wrapper" style="position:relative;height:100%;width:100%"> 
    <div class="tablesorter-header-inner"><input name="Marked" value="0" onclick="CheckTable(this,'chkbox_')" type="checkbox"> 
     <i class="tablesorter-icon"></i> 
    </div> 
</div> 

この<i class ...>から来るん:

そして、この設定は、私の小さなヘッダーチェックボックスを上書きしますか?私は間違って何をしていますか?

よろしく ヨッヘン

それはCSSのバグだように見える

Tablesorter v2.26.5 jQueryのV2.2.3

答えて

0

。あなたがそれらを追加、またはmasterブランチからテーマを(まだリリースされていない)を更新した場合、私はちょうど、ブートストラップのテーマ(およびいくつかの他)に

.tablesorter-bootstrap .tablesorter-header.sorter-false i.tablesorter-icon { 
    display: none; 
} 
.tablesorter-bootstrap .sorter-false .tablesorter-header-inner { 
    padding: 4px; 
} 

を以下のCSS定義を追加しました。

+0

Mottie - 完璧です、はい、動作します - ありがとう – Jochen

関連する問題