Bootstraptable-Methode zum Ausblenden von Spalten

So verstecken Sie Spalten in Bootstraptable: 1. Ausblenden durch „bootstrapTable(‘hideColumn‘, ‚GoodsId‘);“ 2. Ausblenden durch das Attribut „visible: false“.

Empfohlen: „Bootstrap-Video-Tutorial“

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 3.0. Diese Methode ist für alle Computermarken geeignet.

So verstecken Sie Spalten in BootstrapTable:

hidden: true in BootstrapTable funktioniert nicht! Der Code im Internet ist dieser $(table).bootstrapTable('showColumn', 'Field to be hide')

Der erste Weg

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

Der zweite Weg:

Ausblenden: sichtbar: falsch,

Anzeigen: sichtbar : wahr,

Das sichtbare Attribut hat kein wahr oder falsch, es ist sichtbar, unsichtbar und verschwunden.
sichtbar: sichtbar;
unsichtbar: unsichtbar, nimmt aber Platz ein;
weg: unsichtbar, nimmt keinen Platz ein, das Steuerelement verschwindet aus dem Layout.

columns:[
	{
	 	title: 'id',
		field: 'id',
		 align: 'center',
		valign: 'middle',
		 width: '7%',
		 visible: false
}]

Das obige ist der detaillierte Inhalt vonBootstraptable-Methode zum Ausblenden von Spalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!