jquery wrapbootstrap jqGrid horizontale Bildlaufleiste




wrapbootstrap admin dashboard (8)

ich habe ui.grid.css angepasst, weil ich keine horizontale Bildlaufleiste brauchte. Ich tat dies:

.ui-jqgrid .ui-jqgrid-bdiv {
  position: relative; 
  margin: 0em; 
  padding:0; 
  /*overflow: auto;*/ 
  overflow-x:hidden; 
  overflow-y:auto; 
  text-align:left;
}

die kommentierte war wie es war, ich habe nur overflow-x verwendet, um die horizontale scrollbar zu verstecken und jetzt ist alles in Ordnung mit mir.

Ich entwickelte AJAX-Schnittstelle mit jQuery und jqGrid.

Wie kann ich die horizontale Bildlaufleiste aus meiner jqGrid-Tabelle entfernen?

http://dskarataev.ru/jqgrid.png

Wenn ich autowidth: true , dann bekomme ich die Breite der Tabelle = autowidth: true der Spalten, aber ich brauche die Breite der Tabelle = Breite des Elternelements mit der ID, die von der Funktion getSelectedTabHref()

also mache ich funktion:

$(window).bind('resize', function() {
  $('#tasks').setGridWidth($(getSelectedTabHref()).width());
  $('#tasks').setGridHeight($(window).height()-190);
}).trigger('resize');

und hier ist, wie ich jqGrid-Tabelle erstellen:

$('#tasks').jqGrid({
  datatype: 'local',
  colNames:[labels['tasksNum'],labels['tasksAdded']+"/"+labels['tasksAccepted'],labels['tasksOperator'],labels['tasksClient'],labels['tasksManager'],labels['tasksDesc']],
  colModel :[
    {name:'taskId', index:'taskId', width:1, align:'right'},
    {name:'taskAdded', index:'taskAdded', width:3},
    {name:'taskOperator', index:'taskOperator', width:4},
    {name:'taskClient', index:'taskClient', width:7},
    {name:'taskManager', index:'taskManager', width:4},
    {name:'taskDesc', index:'taskDesc', width:8}]
});


Mit "setGridWidth" wird die Größe des Rasters definitiv auf die angegebene Breite geändert, aber stellen Sie sicher, dass Sie es mit autowidth = true verwenden. setGridWidth kann Probleme mit IE 7 oder so haben.

Einige Arbeitslösungen, die hier besprochen werden (falls Sie noch keine Lösung gefunden haben),

Ändern Sie die Größe von jqGrid, wenn die Größe des Browsers geändert wird?

http://www.trirand.com/blog/?page_id=393/discussion/browser-resize-how-to-resize-jqgrid/

----alt----

Es gibt einige Optionen, die Sie ausprobieren können,

Von http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options

"autowidth" : true    

oder

"shrinkToFit": false

Ansonsten posten Sie Ihren jqgrid-Code, lassen Sie uns analysieren.


Wenden Sie AppearanceSettings ShrinkToFit="False" und AutoWidth="true" auf Ihr jqGrid .


Ich habe die jqgrid-API-Methode setGridHeight verwendet. es funktioniert gut für mich in IE 8 auch.

var gr = jq('#grid');
gr.setGridHeight(350,true);

Ich lege diese Zeilen unter 'loadComplete' Funktionsaufruf.


Hier geht es zur width : '1083' , shrinkToFit:false,

Wenn wir das oben einstellen, müssen wir sicherstellen, dass unsere ui.jqgird.css wie ui.jqgird.css gesetzt ist

.ui-jqgrid .ui-jqgrid-bdiv { height: auto; margin: 0em; max-height: 250px; overflow-x: auto; overflow-y: auto; padding: 0px; position: relative; text-align: left; }

Es gibt Situationen, in denen jqGrid die Gitterbreite falsch berechnet. Sie können versuchen, den Parameter cellLayout zu erhöhen (siehe http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options ). Dies kann erforderlich sein, wenn Sie CSS von jqGrid ändern.

In einigen anderen Situationen können Sie die Breite in Bezug auf die Funktion fixGridWidth oder fixGridSize die ich unter Aufrufen von setGridWidth auf einem jqGrid in einem jQueryUI-Dialog beschrieben habe . Vergessen Sie nicht, dass Sie es innerhalb von loadComplete .


Es ist einfach, verwenden Sie in der jqgrid shrinkToFit: false


ein bisschen spät, aber könnte für jemanden nützlich sein

Sie müssen die Höhe der Tabelle nur in Zahlen ohne "px" am Ende festlegen





horizontal-scrolling