afterInsertRow: function(rowid, aData){
$(’#'+rowid).css({height:175});
},

afterInsertRow: function(rowid, aData){
$('#list > tr').css({height:175});
},

Can someone give me a hand?

afterInsertRow: function(rowid, aData){
                                $('#list').css({height:175});
                            },

Now the question comes how to add another column with an image at /media/images/<vin#>/image0.jpg. TIA for all the help!

Thank you for your time, I really appreciate it.

<script type=”text/javascript”>
jQuery(document).ready(function(){
            jQuery(”#list”).jqGrid({
                            url:'/listing/data/all/',
                            datatype: 'json',
                            colNames:['VIN', 'owner',  'address', 'Zip', 'Price'],
                            colModel :[
                                {name:"vin", index:"vin", width:120},
                                {name:"address", index:"address", width:230, sortable:false},
                                {name:"owner", index:"owner", width:120, align:"left"},
                                {name:"zip", index:"zip", width:70, align:'center'},
                                {name:"price", index:"price", width:80, align:'right'},
                            ],
                            pager: jQuery('#pager'),
                            sortname:”id”,
                            sortorder:”asc”,
                            jsonReader: {
                                root: “rows”,
                                id: “id”,
                                index: “id”,
                                page: “page”,
                                total: “total”,
                                records: “records”,
                                repeatitems: false,
                },
                            shrinkToFit:true,
                            multiselect:true,
                            viewrecords:true,
                            imgpath:”/static_media/grid/themes/basic/images”,
                            caption:”Autos”,
                            height:'100%',
                            toolbar: [true,'top'],
                            afterInsertRow: function(rowid, aData){jQuery(”#list”).setCell(rowid,'price','',{color:'green'});},
            });
            jQuery(”#m1″).click( function() {
                var s; s = jQuery(”#list”).getGridParam('selarrrow');
                jQuery.post(”/listing/selected/”, { selected: s }, function(data){$(”#showselected”).html(data)}
                            );;
            });
           

});
</script>

Maybe you can use the afterInsertRow event for this purpose.

Also check the parameters for this event. One of them is the id. The id is actuall the tr element. With jQuery it is easy:

$("#the_id_from_afterInsertrow").css("height","175px");

Use the same event to attach your own mouseover event.

Regards

Tony

I am new to jqgrid and am needing some help.

I would like to add an Image to each row and set the row height. I have a url for thumnails that are 150×150 px I would like to make the row height 175px.

I am grateful for any help I can get. TIA

-Richard

P.S.
I would also like to add mouse-over the image and show the real size image, but one thing at a time.