méthode bootstraptable pour masquer les colonnes-Tutoriel d'amorçage-php.cn

méthode bootstraptable pour masquer les colonnes

藏色散人

Libérer： 2020-11-30 17:00:49

original

6984 Les gens l'ont consulté

Comment masquer les colonnes dans bootstraptable : 1. Masquer via "bootstrapTable('hideColumn', 'GoodsId');" 2. Masquer via l'attribut "visible: false".

méthode bootstraptable pour masquer les colonnes

Recommandé : "tutoriel vidéo bootstrap》

L'environnement d'exploitation de ce tutoriel : Système Windows 10, bootstrap version 3.0 Cette méthode convient à toutes les marques d'ordinateurs.

Comment masquer les colonnes dans bootstraptable :

hidden : true dans bootstrapTable ne fonctionne pas ! Le code sur Internet est le suivant $(table).bootstrapTable('showColumn', 'Field to be Hidden')

La première façon

<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>

Copier après la connexion

La deuxième façon :

Masquer : visible : faux,

Afficher : visible : vrai,

L'attribut visible n'a ni vrai ni faux, il est visible, invisible et disparu.
visible : visible ;
invisible : invisible, mais prend de la place
parti : invisible, ne prenant pas de place, le champ disparaît de la mise en page.

columns:[
	{
	 	title: &#39;id&#39;,
		field: &#39;id&#39;,
		 align: &#39;center&#39;,
		valign: &#39;middle&#39;,
		 width: &#39;7%&#39;,
		 visible: false
}]

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!