easyui-datagrid的行高怎么设置

发布网友 发布时间：2022-04-30 13:49

我来回答

共2个回答

热心网友 时间：2022-06-22 19:26

<table id="InvoiceMessage" class="easyui-datagrid" style="width:240px;height:auto;" title="信息" data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true,showHeader:false">  
                <thead>  
                    <tr>  
                        <th field="name1" width="80"></th>
                        <th field="name2" width="150"></th>
                    </tr>  
                </thead>                             
                <tbody>
                    <tr>
                        <td>起始号:</td>
                        <td><input type="text" name="qc_invoice_no_begin" id="qc_invoice_no_begin" value=""/></td>              
                    </tr>
                    <tr>
                        <td>结束号:</td>
                        <td><input type="text" name="qc_invoice_no_end" id="qc_invoice_no_end" value=""/></td>              
                    </tr>
                    <tr>
                        <td>当前号:</td>              
                        <td><input type="text" name="qc_invoice_no_current" id="qc_invoice_no_current" value=""/></td>              
                    </tr>
                </tbody>
            </table>

 .datagrid-row {
        height: 32px;
    }
修改这个css，默认25px是太小了点

热心网友 时间：2022-06-22 19:26

在你需要设置行高的table下添加样式就可以实现，这个设置只针对当前table，对别的table是没有影响的
<table id="gtable"></table>
<style>
.datagrid-btable tr{height: 30px;}
</style>