Skip to content

Resize Images Displayed In the Entire Grid

The best way to resize images displayed in then entire grid is to use CSS.

The below CSS snippet resize all the images displayed in a grid with 50 pixel wide. You can also add other CSS properties to further refine the image display such as border and drop shadow, even adds rounded corners.

<style>
/* resize image display */
    .ui-jqgrid tr.jqgrow td img{
        width:50px;
    }
</style>

To resize images for a specific datagrid column, see http://phpgrid.com/example/image-display/#imageresize

Feedback and Knowledge Base