I am using jqgrid inside a Tab bootstrap and the grid does not auto-adjust to the size of the Tab, it expands a lot. Is there a way to make the grid fit the maximum Boostrap Tab size?
var info = datos; $("#gvsDetalleRevisionErradicar").jqGrid("GridUnload");
var grid = $("#gvsDetalleRevision").jqGrid({
datastr: info,
datatype: 'jsonstring',
height: "300",
//width: newWidth2,
rowNum: 1000000,
multiselect: true,
ignoreCase: true,
autowidth: true,
shrinkToFit: false,
//forceFit: true,
colNames: ['Siembra', 'Lote', 'Linea', 'Palma', 'Fecha Cuarentena', 'Dias en cuarentena', 'Fecha revision', 'Dias desde revision', 'No veces erradicada', 'No veces revisada'],
colModel: [
{ label: 'Siembra', name: 'Siembra', resizable: false},
{ label: 'Lote', name: 'Lote', resizable: false},
{ label: 'Linea', name: 'Linea', resizable: false},
{ label: 'Palma', name: 'Palma', resizable: false},
{ label: 'FechaErradicacion', name: 'FechaErradicacion', resizable: false},
{ label: 'DiasCuarentena', name: 'DiasCuarentena', resizable: false},
{ label: 'FechaRevision', name: 'FechaRevision', resizable: false},
{ label: 'DiasDesdeRevision', name: 'DiasDesdeRevision', resizable: false},
{ label: 'NoVecesErradicada', name: 'NoVecesErradicada', resizable: false},
{ label: 'NoVecesRevisada', name: 'NoVecesRevisada', resizable: false}
],
caption: "Listado de palmas en cuarentena",
onSelectRow: function (id) {
var p = this.p, item = p.data[p._index[id]];
if (typeof (item.cb) === "undefined") {
item.cb = true;
} else {
item.cb = !item.cb;
}
},
onSelectAll: function (id, status) {
for (i = 0; i < id.length; i++) {
var p = this.p, item = p.data[p._index[id[i]]];
item.cb = status;
}
},
loadComplete: function () {
var p = this.p, data = p.data, item, $this = $(this), index = p._index, rowid;
for (rowid in index) {
if (index.hasOwnProperty(rowid)) {
item = data[index[rowid]];
if (typeof (item.cb) === "boolean" && item.cb) {
$this.jqGrid('setSelection', rowid, false);
}
}
}
},
});
jQuery("#gvsDetalleRevision").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false, defaultSearch: 'cn' });