ブートストラップテーブル：スタイルとテーブルツールバーのアイコンを変更する方法

Question

テーブルツールバーのスタイルを変更することはできません。テーブルの定義は次のとおりです。data-toggle = 'table'これらの単語を削除すると、ツールバーが消えます。

ファイルbootstrap-table.jsには、ブートストラップの標準アイコンの定義がありますが、変更することはできません。

ブートストラップ・table.jsのコードは次のとおりです。

icons: { 
      paginationSwitchDown: 'glyphicon-collapse-down icon-chevron-down', 
      paginationSwitchUp: 'glyphicon-collapse-up icon-chevron-up', 
      refresh: 'glyphicon-refresh icon-refresh', 
      toggle: 'glyphicon-list-alt icon-list-alt', 
      columns: 'glyphicon-th icon-th', 
      detailOpen: 'glyphicon-plus icon-plus', 
      detailClose: 'glyphicon-minus icon-minus' 
     }, 

私はそれは私がこれらのイメージとbootstrap.cssに新しいエントリを作成する必要があり、それを変更すると思います。私はアイコンイメージをブートストラップのCSSファイルにリンクすることを知らない。

Answer 1

ブートストラップスタイルを変更したい場合は、カスタムCSSで上書きすることができます。ツールバーのクラスを探し、これらのクラスに変更を適用します。

ボタンツールバーがある場合、次のマークアップで：

<div class="btn-toolbar" role="toolbar" aria-label="..."> 
    <div class="btn-group" role="group" aria-label="...">...</div> 
    <div class="btn-group" role="group" aria-label="...">...</div> 
    <div class="btn-group" role="group" aria-label="...">...</div> 
</div> 

あなたは自分のCSSにこれらのルールを適用することができます

.btn-toolbar { 
    /* your styles */ 
} 

ここarticle about customizing the default bootstrap stlyeです。