ausblenden von Spalten in der Tabelle anzeigen

Gibt es eine Möglichkeit, wir verstecken Spalte der Tabelle zeigen,haben wir media="none" das blendet die Spalte aus .ich habe versucht mit

document.getElementById(display_column_name).media="none";

aber es funktioniert nicht, ich bleib bei der Einstellung attritube der Spalte "anzeigen" in javascript gibt es eine Möglichkeit.Wie Sie auf klicken Sie auf die Schaltfläche Spalte zum anzeigen/verstecken der Tabelle anzeigen.

habe ich checkbox auf die Spaltenüberschrift.ich habe zum ausblenden von Spalten der Tabelle anzeigen.ausgewählte Spalte hiden auf den button klicken.

habe ich auch versucht, mit Hilfe von div-Tags für die Anzeige Spalte

<div id= "col1" style="display:block">
            <display:column paramId="date_disp" paramName="date_disp"  property="date_disp" title="Date" sortable="true" headerClass="sortable" decorator="com.commons.ColDateDecorator" style="font-family:Arial, Helvetica, sans-serif;font-size: 12px;height: 25;"/>
</div>

und zu dokumentieren.getElementById('col1').Stil.display="none"; aber seine nicht funktioniert.

finden Sie diese: fiendish.demon.co.uk/html/javascript/hidetablecols.html

InformationsquelleAutor sweety | 2012-04-12

0

Uchenna ist rechts können Sie die Verwendung der jquery-Bibliothek

Importieren Sie das script in Ihre Seite über ein Skript-tag

fügen Sie ein Attribut "id" oder "Klasse" auf die Spalte, die Sie ausblenden möchten

und verwenden die Klasse oder id kann man ausblenden, element.

zB. wenn Sie mantioned id-Attribut und valuse ist "abc"

dann können Sie schreiben :
```
$(document).ready(function() 
{
$("#abc").hide();
});
```
Soweit ich entdecken displaytag Spalte donot nehmen Sie id als Attribut nicht in <display:column> tag noch in <div> tag. Also, wie eindeutig zu erkennen Spalte und ausblenden.Meine Tabelle anzeigen wird angezeigt, auf einige Parameter übergeben und für die Prüfung der Spaltenüberschrift, die bestimmte Spalte zu verbergen.Also bitte helfen und bieten eine Lösung. ich habe versucht, die Anzahl der Möglichkeiten, aber noch nichts ist hilfreich.
sweety: muss onething, fügen Sie class-Attribut, um Ihre display-Spalte. können sagen, wir sind mit der Klasse abc, dann wird Ihre Anzeige Spalte wäre <display:column class="abc" property="name" sortable="false" title="Location Name" /> jetzt mit jquery kann man es schreiben wie das $(".abc").hide();
es funktioniert...???
Hey sorry für die späte Antwort herbertd,seine Arbeit tatsächlich Daten aus ResultSet bekam versteckt, aber die Spalte header noch da war,musste ich hinzufügen headerClass Attribut, das dann richtig zu verstecken meine komplette Spalte.Und vielen Dank für Sie introducted mich zu JQuery und dessen Funktion.Ich habe verwendet, toggle-Funktion, die zeigt, & hide my Spalte.
ja, Sie können fügen Sie class-Attribut, um Ihre header-Klasse auch.Wenn diese Lösung hat sich dein problem gelöst hat bitte akzeptieren Sie es.

InformationsquelleAutor JOHND
1

Ist es ein element, das Sie ausblenden möchten, oder severals ? Dokument.getElementsByName kehren Sie ein array von Elementen, so dass Sie zugreifen zu können, müssen Sie es wie folgt:

Dokument.getElementsByName(display_column_name)[0].media="none"

Wenn es nur ein element und dieses element hat eine id erwägen, diese vielleicht:
```
getElementById()
```
Auch ich gehe davon aus display_column_name ist eine variable definiert, die zuvor Recht?

InformationsquelleAutor kukudas
0

Der beste Weg, um dieses ist, um die css-display-style auf none.
```
document.getElementById("id _of_the_component").style.display = 'none';
```
Oder Sie können unter Verwendung der jquery-Bibliothek
aber Sie haben zu download-Bibliothek jquery aus jquery.com. Importieren Sie das script in Ihre Seite mit dem script-tag und die folgenden
```
$("#id _of_the_component).hide();
```
InformationsquelleAutor Uchenna Nwanyanwu

ändern Sie Ihre display-Spalte wie :

<display:column class="abc" paramId="date_disp" paramName="date_disp"  property="date_disp" title="Date" sortable="true" headerClass="sortable" decorator="com.commons.ColDateDecorator" style="font-family:Arial, Helvetica, sans-serif;font-size: 12px;height: 25;"/>

auf die Schaltfläche klicken, können Sie schreiben :
können sagen, Sie sind mit Hilfe der Taste

<input type="submit" value="Submit" id="success" />
then you can use it like :

    $('#success').click(function(){
    $(".abc").hide();   
     });

InformationsquelleAutor JOHND

Versuchen Sie Folgendes:

HTML:

<html>
    <table>
        <tr>
            <td id="td1">TD1</td>
            <td id="td2">TD2</td>
            <td id="td3">TD3</td>
        </tr>        
    </table>
</html>

JavaScript:

document.getElementById("td2").style.display = "none";

Demo: http://jsfiddle.net/Vishal_Suthar3/kDb8Z/

InformationsquelleAutor Vishal Suthar

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.