Jqgrid-Header auf zwei oder mehr Zeilen

Habe ich Folgendes problem:
Ich brauche, um auf zwei oder mehr Zeilen-header content von Jqgrid.
Ich sah das Beispiel von Zac auf jqgrid double-Header unter alternativen, aber durch ändern nur die css bekomme ich keine änderung in der Startaufstellung.
Ist es möglich, ein vollständigeres Beispiel, um das Verhalten reproduzieren?
Dank
Angelo

InformationsquelleAutor Angelinux | 2011-02-04
  1. 22

    Wenn ich verstehe Sie richtig, Sie wollen multi-line Spaltenüberschriften. Sie können dies mit dem folgenden zusätzlichen CSS -

    <style type="text/css" media="screen">
    th.ui-th-column div{
        white-space:normal !important;
        height:auto !important;
        padding:2px;
    }
</style>

    Danach haben Sie die Spalten wie hier
    Jqgrid-Header auf zwei oder mehr Zeilen

    Im Beispiel der text 'Betrag in Euro' eingewickelt war automatisch und im text aus dem ersten header, Zeilenumbruch vorgenommen wurde, die explizit mit 'Inv
    Nein'.

    In die Antwort sehen Sie den link zu der demo.

    AKTUALISIERT: In die Antwort finden Sie weitere aktuelle code.

    • vielen Dank oleg für Ihre prompte Antwort. Es funktioniert wie ein Charme. Grüße, angelinux
    • +1 Genial, ich war nur um zu bitten, diese exakte Frage in der Hoffnung, dass Oleg zu beantworten wäre es ... aber er hat schon.
    • +50 bounty Hinzugefügt und für Olegs Antwort. Einfach abwarten (1 Tag), bevor Sie vergeben werden können.
    • Danke!!!
    • Dieser "patch" ist sehr seltsam mit der Spalte zu verändern. Sie können die Größe der Spalte ändern, wenn Sie ziehen nur die top 20-30 px header-Zelle.
    • Danke. Sie können .ui-jqgrid .ui-jqgrid-resize {height:100% !important;} zusätzlich um das problem zu beheben.
    • Ich fügte .ui-jqgrid .ui-jqgrid-resize {height:100% !important;} Stil, aber in der Spalte, wenn in der Größe verändert, um mehr Zeilen, ziehen im unteren Teil der Grenze immer noch nicht funktioniert
    • In demo von die Antwort auf Ihre Frage, die ich benutzt den Wert in px mit "!wichtig ist". Es funktioniert besser als mein Alter Vorschlag .ui-jqgrid .ui-jqgrid-resize {height:100% !important;}.

    InformationsquelleAutor Oleg
Schreibe einen Kommentar