méthode bootstraptable pour masquer les colonnes

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

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>

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: 'id',
		field: 'id',
		 align: 'center',
		valign: 'middle',
		 width: '7%',
		 visible: false
}]

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!