ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > 列を非表示にするブートストラップ可能なメソッド

列を非表示にするブートストラップ可能なメソッド

藏色散人
リリース: 2020-11-30 17:00:49
オリジナル
7095 人が閲覧しました

ブートストラップテーブルで列を非表示にする方法: 1. "bootstrapTable('hideColumn', 'GoodsId');" を通じて非表示にします。 2. 属性 "visible: false" によって非表示にします。

列を非表示にするブートストラップ可能なメソッド

# 推奨: 「

ブートストラップ ビデオ チュートリアル

このチュートリアルの動作環境: Windows 10 システム、ブートストラップ バージョン 3.0。この方法は、すべてのブランドのコンピューターに適しています。

bootstraptable で列を非表示にする方法:

bootstrapTable のhidden: true が機能しません。インターネット上のコードは次のとおりです $(table).bootstrapTable('showColumn', 'Field to be hidden')

最初の方法

<script type="text/javascript">
 
        $(function () {
            LoadingDataListOrderRealItems();
            $(&#39;#tableOrderRealItems&#39;).bootstrapTable(&#39;showColumn&#39;, &#39;ShopName&#39;);
            $(&#39;#tableOrderRealItems&#39;).bootstrapTable(&#39;hideColumn&#39;, &#39;GoodsId&#39;);
        }); 
 
    </script>
ログイン後にコピー

2 番目の方法:

Hide :visible:false,

Show:visible:true,

visible 属性には true または false はなく、表示され、非表示になり、消えます。

visible: 表示;
invisible: 非表示ですが、スペースを占有します;
gone: 非表示、スペースを占有しません、コントロールはレイアウトから消えます。
rreeee

以上が列を非表示にするブートストラップ可能なメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート