如果内容垂直溢出，如何使JQgrid td高度固定？

Question

I use the following code:

loadComplete: function (data) {
  $('.ui-jqgrid tr.jqgrow td').each(function () {
  var htmlString = $(this).html();
  htmlString = '<div class=\'divJqgridMaxHeight\'>' + htmlString+ '</div>';            
  $(this).html(htmlString);
});

This fixes the problem but only for read-only grids, for editable grids this causes issues.

Answer 1

maybe you can try to change the following css class in ui.jqgrid.css :

.ui-jqgrid tr.jqgrow td {
 /*some css*/
 max-height: 20px;
}

simply change height to max-height.

Hope this will help.