Jquery 尝试将jqgrid放入具有预定义大小的div中

我在插入jqgrid及其寻呼机时遇到问题： 例如，我有预定义大小的div，如：

var totalHeight = dy * unitHeight * scale + 'px';
var totalWidth = dx * unitWidth * scale + 'px';

当我尝试将寻呼机放入jqgrid表时，寻呼机的高度为0

var newTable = $("<table></table>");
var newPager = $("<div></div>");
newPager.attr("id", "pager");
newTable.attr("id", name);
newElement.append(newTable);
newElement.append(newPager);

我还尝试将bdiv设置为：

$('.ui-jqgrid-bdiv').height(totalHeight);
$('.ui-jqgrid-bdiv').height(totalWidth);

但我不知道如何适应这一切

顺便问一下，是否可以动态更改字体大小，例如：$（.ui jqgrid）.css（'font-size'，5*scale）；

---

是否可以在没有css的情况下在jqgrid选项中设置字体大小？

问题是因为我试图在附加到正文之前初始化jqgrid。 但是我仍然有调整行高度的问题。现在我试图找到一些可以改变每行高度的css样式

顺便说一下，寻呼机现在的问题。它在移动设备上有很大的按钮，我不知道如何使它们变小，并根据移动设备调整寻呼机

因此，我的解决方案是：

 var newTable = $("<table></table>");
        var newPager = $("<div id='pager'></div>");
        newTable.attr("id", name);
        newElement.append(newTable);
        newElement.append(newPager);
        this.grid.addUnit(dx, dy, px, py, scale, newElement, {border:0, transparent:true});

        newTable.jqGrid({
            datatype: 'local',
            data: testData,
            colNames: ['No', 'Module', 'Group', 'App', 'LastDate', 'DelayedBy'],
            shrinkToFit: false,
            autowidth: true,
            //height: '200px',
            hidegrid: false,
            colModel: [{
                name: 'no',
                index: 'no',
                width: noWidth,
                sorttype: 'int'
            }, {
                name: 'module',
                index: 'module',
                width: elemWidth
            }, {
                name: 'group',
                index: 'group',
                width: elemWidth
            }, {
                name: 'app',
                index: 'app',
                width: elemWidth
            }, {
                name: 'lastDate',
                index: 'lastDate',
                width: elemWidth
                //sorttype: 'date'
            }, {
                name: 'delayedBy',
                index: 'delayedBy',
                width: elemWidth
                //sorttype: 'date'
            }],
            rowNum: 5,
            pager: "#pager",
            caption: name,
            loadComplete: function() {
                var grid = newTable;
                var ids = grid.getDataIDs();
                for (var i = 0; i < ids.length; i++) {
                    grid.setRowData(ids[i], false,   {
                        height: 0*scale + i * 2
                    });
                }
            }
        });

        newTable.jqGrid('setGridWidth', newElement.width(), true);

        $('.ui-jqgrid .ui-jqgrid-htable th').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid tr.jqgrow td').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid .ui-jqgrid-view').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid .ui-jqgrid-pager').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid .ui-pg-input').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid .ui-jqgrid-titlebar').css('font-size', 14 * scale + 'px');
        $('#pager_center').css('width', newElement.width() - 6); 
        $('.ui-jqgrid .ui-jqgrid-hdiv').css('height', 42*scale + 'px');
        $('.ui-jqgrid .ui-jqgrid-pager').css('width', newElement.width() - 6);

        var gboxHeight = $("#gbox_" + name).height() - $('#gbox_' + name + ' .ui-jqgrid-bdiv').height();

        newTable.jqGrid('setGridHeight', newElement.height() - gboxHeight);

var newTable=$（“”）；
var newPager=$（“”）；
newTable.attr（“id”，名称）；
newElement.append（newTable）；
newElement.append（newPager）；
addUnit（dx，dy，px，py，scale，newElement，{border:0，transparent:true}）；
newTable.jqGrid({
数据类型：“本地”，
数据：testData，
colname:['No'、'Module'、'Group'、'App'、'LastDate'、'DelayedBy']，
shrinkToFit：错，
自动宽度：正确，
//高度：“200px”，
希德格里德：错，
colModel：[{
姓名：'否'，
索引：'否'，
宽度：noWidth，
sorttype:'int'
}, {
名称：'模块'，
索引：“模块”，
宽度：elemWidth
}, {
名称：'组'，
索引：'组'，
宽度：elemWidth
}, {
名称：“应用程序”，
索引：“应用程序”，
宽度：elemWidth
}, {
名称：“lastDate”，
索引：“lastDate”，
宽度：elemWidth
//sorttype:“日期”
}, {
名称：'delayedBy'，
索引：'delayedBy'，
宽度：elemWidth
//sorttype:“日期”
}],
行数：5，
寻呼机：“#寻呼机”，
描述：姓名，
loadComplete:function（）{
var网格=新表；
var id=grid.getDataId（）；
对于（变量i=0；i

 var newTable = $("<table></table>");
        var newPager = $("<div id='pager'></div>");
        newTable.attr("id", name);
        newElement.append(newTable);
        newElement.append(newPager);
        this.grid.addUnit(dx, dy, px, py, scale, newElement, {border:0, transparent:true});

        newTable.jqGrid({
            datatype: 'local',
            data: testData,
            colNames: ['No', 'Module', 'Group', 'App', 'LastDate', 'DelayedBy'],
            shrinkToFit: false,
            autowidth: true,
            //height: '200px',
            hidegrid: false,
            colModel: [{
                name: 'no',
                index: 'no',
                width: noWidth,
                sorttype: 'int'
            }, {
                name: 'module',
                index: 'module',
                width: elemWidth
            }, {
                name: 'group',
                index: 'group',
                width: elemWidth
            }, {
                name: 'app',
                index: 'app',
                width: elemWidth
            }, {
                name: 'lastDate',
                index: 'lastDate',
                width: elemWidth
                //sorttype: 'date'
            }, {
                name: 'delayedBy',
                index: 'delayedBy',
                width: elemWidth
                //sorttype: 'date'
            }],
            rowNum: 5,
            pager: "#pager",
            caption: name,
            loadComplete: function() {
                var grid = newTable;
                var ids = grid.getDataIDs();
                for (var i = 0; i < ids.length; i++) {
                    grid.setRowData(ids[i], false,   {
                        height: 0*scale + i * 2
                    });
                }
            }
        });

        newTable.jqGrid('setGridWidth', newElement.width(), true);

        $('.ui-jqgrid .ui-jqgrid-htable th').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid tr.jqgrow td').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid .ui-jqgrid-view').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid .ui-jqgrid-pager').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid .ui-pg-input').css('font-size', 14 * scale + 'px');
        $('.ui-jqgrid .ui-jqgrid-titlebar').css('font-size', 14 * scale + 'px');
        $('#pager_center').css('width', newElement.width() - 6); 
        $('.ui-jqgrid .ui-jqgrid-hdiv').css('height', 42*scale + 'px');
        $('.ui-jqgrid .ui-jqgrid-pager').css('width', newElement.width() - 6);

        var gboxHeight = $("#gbox_" + name).height() - $('#gbox_' + name + ' .ui-jqgrid-bdiv').height();

        newTable.jqGrid('setGridHeight', newElement.height() - gboxHeight);