Wie zu bekommen entfernen Sie die horizontale Bildlaufleiste, wenn Sie nicht benötigt

Habe ich jqGrid mit zwei Spalten, eine davon versteckt. Für einige Grund in FireFox zeigt es eine horizontale Bildlaufleiste angezeigt, wie unten:

sobald ich die zweite Spalte zeigt den scroll-Balken geht wie folgt:
Wie zu bekommen entfernen Sie die horizontale Bildlaufleiste, wenn Sie nicht benötigt

Im IE zeigt in der gleichen Weise akzeptieren, dass eine vertikale Bildlaufleiste Hinzugefügt wird, um das erste Bild. Denke das hat zu tun mit dem horizontalen Balken. Wenn jemand weiß, wie, um loszuwerden, die horizontale Leiste, ohne die Höhe des Gitters, um etwas anderes als "auto" lassen Sie es mich bitte wissen.

meine jqGrid setup-Skript:

grid.jqGrid({
    url: "/Availability/GetData",
    colNames: ['row_id', 'Availability'],
    colModel: [
        { name: 'row_id', index: 'row_id', width: 20, hidden: false, search: false, editable: true, editoptions: { readonly: true, size: 10 }, formoptions: { rowpos: 1, label: "Id", elmprefix: "(*)"} },
        { name: 'AVAILABILITY', index: 'AVAILABILITY', width: 75, sortable: true, hidden: false, editable: true, editoptions: { size: 20, maxlength: 20 }, formoptions: { rowpos: 2, label: "Availability", elmprefix: "<span class='jqgridrequired'>*</span>" }, editrules: { required: true} }
        ],
    pager: pager,
    datatype: 'json',
    imgpath: '/Scripts/jqGrid/themes/redmond/images',
    jsonReader: {
        root: "Rows",
        page: "Page",
        total: "Total",
        records: "Records",
        repeatitems: false,
        userdata: "UserData",
        id: "row_id"
    },
    loadtext: 'Loading Data...',
    loadui: "enable",
    mtype: 'GET',
    rowNum: 10,
    rowList: [10, 20, 50],
    viewrecords: true,
    multiselect: false,
    sortorder: "asc",
    height: 'auto',
    autowidth: true,
    sortname: 'AVAILABILITY',
    caption: 'Existing Availabilities'
}).navGrid('#pager', { view: false, del: true, add: true, edit: true, search: false },
           { height: 150, reloadAfterSubmit: false, jqModal: true, closeOnEscape: true, bottominfo: "Fields marked with (<span class='jqgridrequired'>*</span>) are required", closeAfterEdit: true, url: "/Availability/Edit", savekey: [true, 13], navkeys: [true, 38, 40], afterSubmit: processAddEdit }, //default settings for edit
           {height: 150, reloadAfterSubmit: false, jqModal: true, closeOnEscape: true, bottominfo: "Fields marked with (<span class='jqgridrequired'>*</span>) are required", closeAfterAdd: true, url: "/Availability/Create", savekey: [true, 13], navkeys: [true, 38, 40], afterSubmit: processAddEdit }, //default settings for add
           {reloadAfterSubmit: false, jqModal: true, closeOnEscape: true, url: "/Availability/Delete" }, //delete instead that del:false we need this
           {closeOnEscape: true, multipleSearch: true, closeAfterSearch: true }, //search options
           {} //{height: 150, jqModal: false, closeOnEscape: true} /* view parameters*/
 );
enter code here

Wie Sie sehen können ich bin mit der Höhe: 'auto', so dass, wenn der Benutzer wählt einen viel höheren Seite zählen Sie erstrecken sich nach unten. Ich habe nicht dieses problem auf andere jgGrids die Anzeige von mehreren Spalten. Nur jgGrids, dass eine Spalte angezeigt.

InformationsquelleAutor Billy Logan | 2011-02-10

5

Habe ich versucht zu reproduzieren das problem mit diese und diese Beispiele, aber ich habe nicht die Wirkung, die Sie beschrieben. Die Breite des Rasters wird korrekt berechnet.

Wahrscheinlich das problem ist in anderen CSS-Stile, die Sie verwenden. Sie können den vollständigen code, mit dem test-JSON-Daten die das problem reproduzieren.

Sie waren genau richtig. ich hatte einen Stil für table und td, die eine Grenze als auch die Grenze des Zusammenbruchs. Sollte gesehen haben, dass. Vielen Dank für Ihre Zeit!
Logan: Sie sind herzlich willkommen!
In beiden deiner Beispiele sehe ich noch scroll-Balken...
Die Antwort ist jetzt sehr alt und wird über horizontale Balken in Firefox. In meinen tests hat der demos hat keine horizontalen Streifen in den Firefox 13.0.1 und IE9. Wenn Sie Google Chrome verwenden, müssen Sie aktualisieren Sie die Verwendung von jqGrid 3.8.2 zu den aktuellen 4.4.0, weil das problem beschrieben hier. Zum Beispiel demo ist das gleiche wie das erste, aber verwendet jqGrid 4.4.0. Es hat nun keinen horizontalen Balken in der Google Chrome 20.
Danke für den Hinweis mich in die richtige Richtung. Mein problem ist behoben.

InformationsquelleAutor Oleg
5

Hab ich die perfekte Lösung schließlich. Ich habe auch versucht, das problem zu überwinden horizontale scrollbar Problem. Versucht diferently in Jquery viel Zeit. Aber das problem ist, im CSS.
Im ui-jqgrid.css Tabellenlayout ist Behoben. Machen Sie es wie im auto wird es perfekt funktionieren.
Ich Kopier einfach die gleiche Klasse, d.h.,
```
.ui-jqgrid .ui-jqgrid-btable
{
  table-layout:auto;
}  /* THIS CODE WILL WORK PERFECTLY BEFORE IT WAS IN 'FIXED' VALUE IN THEIR CSS */
```
Ja..Es funktioniert perfekt

InformationsquelleAutor user1479471
3

Aussieht wie dieses problem wieder. Chrome-release v21 auf 7/31, und ich fing plötzlich bekommen Sie die horizontale Bildlaufleiste. Ich bin mit jqGrid v4.4.0, und eine Suche in der nicht-minimiert-code für "webkit" nicht nachzugeben keine Ergebnisse, so war ich nicht in der Lage, um zu versuchen Oleg ist fix.

Nach ein wenig Versuch und Irrtum, eine Kombination von Oleg, der die Lösung hier und user1479471 die Lösung bei mir funktioniert:
```
div.ui-jqgrid-view table.ui-jqgrid-btable {
  table-layout:auto;
}

div.ui-jqgrid-view table.ui-jqgrid-htable {
  table-layout:auto;
}
```
InformationsquelleAutor pconrey

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.