コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > ブートストラップのチュートリアル > 列を非表示にするブートストラップ可能なメソッド

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

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

ブートストラップテーブルで列を非表示にする方法: 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 サイトの他の関連記事を参照してください。

関連ラベル：
bootstraptable
ソース：php.cn
前の記事：ブートストラップでナビゲーションの色を変更する方法 次の記事：ブートストラップ モーダル ボックスとスクロール バー
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2054
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2211
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1865
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1750
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1775
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート