set parent datagrid row height, but let unchanged row height on subgrid

[Juan Antonio Martínez]

I have a detailview datagrid with subgrids, and want to change parent row height (to emphasize these rows) , but let unchanged subgrids row height

What's the right way to to?

(Using easyui-1.4.2)

Thanks in advance
Juan Antonio

[stworthy]

You can override the '.datagrid-row' CSS style to change the row height. Please try this code:

Code:

<style type="text/css">
    .datagrid-row{
        height:30px;
    }
    .datagrid-row-detail .datagrid-row{
        height:25px;
    }
</style>

[Juan Antonio Martínez]

Fine, but this affect every datagrid in page (including combos, and so...). And the inner datagrid-cell height is not affected, just the entire row. I want to reserve enought space to add some icons in parent row, so need increase also datgrid-cell height

My final solution was:

Code:

        <div id="pb_tabla" data-options="region:'center'">
                <table id="pb_finales-datagrid"></table>
        </div>

Code:

    
<style>
    #pb_tabla .datagrid-row {
        height:40px;
        line-height: 40px;
    }
    #pb_tabla .datagrid-row .datagrid-cell {
        height:35px;
    }
    #pb_tabla .datagrid-row-detail .datagrid-row {
        height:25px;
        line-height: 25px;
    }
</style>

Code:

<script type="text/javascript">
....
$('#pb_finales-datagrid').datagrid({....});
</script>

Thanks for your help. Cheers