2017-07-10 5 views
0

Mit BootGrid können Sie Spalten ausblenden, indem Sie in den th-Spaltendefinitionen data-visible = "false" verwenden. Dies führt zu dem Problem, dass die Spalte nicht nur versteckt, sondern scheinbar aus dem DOM entfernt wird. Spalten (die ersten beiden nicht zeigen)jQuery BootGrid - Spalten ausblenden

<tr> 
    <th data-column-id="id" data-type="numeric" data-identifier="true" data-visible="false">ID</th> 
    <th data-column-id="User" data-visible="false">User</th> 
    <th data-column-id="Title">Title</th> 
    <th data-column-id="Description">Description</th> 
    <th data-column-id="Expire" data-formatter="expire" data-sortable="true">Expire</th> 
    <th data-column-id="commands" data-formatter="commands" data-sortable="false">Commands</th> 
</tr> 

Das Problem Mit ID und Benutzer auf Daten-visible = "False" sind ihre Werte unzugänglich. Die Verwendung von data-visible = "false" scheint diese Felder nicht existent zu machen. Ich muss auf diese Werte zugreifen können.

+0

Sicher, so populär wie BootGrid ist, würde ich denken, dass jemand das schon einmal angepackt hat.In meinem Buch ist dies ein ziemlich großer Designfehler in einem ansonsten großen Code. Oder vielleicht kennt jemand eine jQuery-Gitterstruktur, die besser funktionieren würde, oder vielleicht sollte ich nur in den sauren Apfel beißen und mein eigenes schreiben? – RationalRabbit

Antwort

0

Es gibt zwei Datenparameter: header-css-class und css-class, deren Verwendung in der Dokumentation, die ich gelesen habe, nicht gut erklärt wird. Ich habe zwei Klassen mit Display. Keines, das ich "Hidecolhead" und HideCol“genannt Dann in den Spalten I (ID und Benutzer) im Raster nicht angezeigt werden soll, ich habe

<th data-column-id="ID" data-header-css-class="HideColHead" data-css-class="HideCol">ID</th> 
<th data-column-id="User" data-header-css-class="HideColHead" data-css-class="HideCol">User</th> 

Verwandte Themen