jquery - wrapbootstrap - jqGrid horizontale Bildlaufleiste




wrapbootstrap admin dashboard (6)

Legen Sie eine explizite width im Raster fest und verwenden Sie sie

autowidth: false,
shrinkToFit: true

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}]
});


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.


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


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


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


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 .





horizontal-scrolling