Как установить высоту сетки jquery?

Question

По умолчанию, jqgrid показывает только 6 строк, я хочу, чтобы он вмещал 20 строк. Как мне настроить? Заранее спасибо.

Answer 1

Вы можете использовать rowNum для установки количества строк на странице и свойство height для установки высоты сетки в пикселях. Например,

<script type="text/javascript">
    $(function () {
        $("#list").jqGrid({
            url: 'GetOrdersPaged',
            datatype: 'json',
            mtype: 'POST',
            colNames: ['Id Order', 'Person Name', 'Person Email', 'Order Date', 'Title', 'Description'],
            colModel: [
      { name: 'IdOrder', index: 'IdError', width: 50 },
      { name: 'PersonName', index: 'PersonName', width: 180 },
      { name: 'PersonEmail', index: 'PersonEmail', width: 180, align: 'left' },
      { name: 'OrderDate', index: 'OrderDate', width: 125, align: 'left' },
      { name: 'Title', index: 'Title', width: 200, align: 'left' },
      { name: 'Description', index: 'Description', width: 125, align: 'left' }
    ],
            pager: '#pager',
            rowNum: 25,
            rowList: [25, 50, 100],
            sortname: 'idError',
            sortorder: 'desc',
            viewrecords: true,
            gridview: true,
            caption: 'Список заказов',
            height:550
        });
    }); 
</script>

Answer 2

Имеется параметр высоты, который вы можете использовать. Значением по умолчанию является «auto». Также установите scrollOffset: 0, если вы знаете, что записи будут помещаться на одной странице.