增加 rownumber 的高度 easy-ui

Question

我正在使用 easy-ui，因为它记录在 guide 中，如下所示：

 <table title="Folder Browser" class="easyui-treegrid" style="width:700px;height:250px"
            data-options="
                url: 'treegrid_data1.json',
                method: 'get',
                rownumbers: true,
                idField: 'id',
                treeField: 'name'
            ">

table其中一个字段是图片的缩略图，样式为<img style="display:block;" width="100%" height="100%" src =... 由于这个字段高度，每一行的高度都会更大。但是行号的高度仍然是旧的小高度。我怎么解决这个问题？我尝试像这样向 rownumber 添加一些样式以增加 rownumbers 的大小，但它无法在 javascript "Selector .datagrid-cell-rownumber is never used":

中显示消息

<style>
        .datagrid-header-rownumber{
            width:30px;
        }
        .datagrid-cell-rownumber{
            width:30px;
        }
    </style>

Answer 1

您可以使用数据网格方法'fixRowHeight'：$('#dg').datagrid('fixRowHeight'); 或 'resize' 也可能有帮助：$('#dg').datagrid('resize');

可以在以下位置找到更多信息：http://www.jeasyui.com/documentation/datagrid.php

增加 rownumber 的高度 easy-ui

increase height of rownumber easy-ui

row-number

jquery-easyui