So ändern Sie den hintergrund von header und Zeilen in Jqgrid?

Muss ich den hintergrund ändern, der header und auch die Zeilen von a Jquery-grid. Ich habe versucht, mehrere css-Klassen, aber ich nicht das Ergebnis bekommen, das ich will.

  • Können Sie uns einige weitere Informationen, bitte? Wie : Der html-code, den Sie versuchen zu ändern, die css-code, der für die Stücke, die Sie ändern möchten.
InformationsquelleAutor ffffff01 | 2012-02-13
  1. 1
    //this changes the background image of the header
.ui-jqgrid .ui-widget-header{
   background-image: url(myBackground.jpg) repeat-x !important;
}

//this changes the background color of every row in a jqgrid
.ui-jqgrid tr.jqgrow {
    background-color: yellow !important;
}

    Hinweis: !important vielleicht nicht nötig.

    Stellen Sie außerdem sicher, dass Ihre css-Datei geladen wird nach jqgrid der css-Datei!

    <link rel="stylesheet" type="text/css" media="screen" href="ui.jqgrid.css" />
<!-- load jqgrid css first then your css -->
<link rel="stylesheet" type="text/css" media="screen" href="mystyle.css" />
    • versucht, verwenden Sie diese... seine Arbeit für Zeile, aber nicht für den Kopf... wie kann man das ändern für den Kopf ?
    InformationsquelleAutor papaiatis
  2. 0
    //for changing colour of titlebar
#list .ui-jqgrid-titlebar {
background:blue;
}
//for changing header
.ui-jqgrid .ui-jqgrid-htable th{
background: blue
}
    InformationsquelleAutor Arun Kola
Schreibe einen Kommentar