JGrid Tutorial #5

In this tutorial we want to take a deeper look at cell rendering. In the last tutorials we already implemented GridCellRenderer and set them as default renderer to the JGrid. This is exactly the same behavior as renderer in a JList. But if you have different data types in a grid only one renderer won´t fulfill the requirements. For this purpose you can add different GridCellRenderer to the JGrid. Like in a JTable you can add renderers for different data classes to the JGrid.

Let´s say we have colors and percentages in our model:

DefaultListModel model = new DefaultListModel();
Random random = new Random();

for(int i=0; i if(random.nextBoolean()) {
  model.addElement(new Color(random.nextInt(256), random.nextInt(256), random.nextInt(256)));
} else {
  model.addElement(new Float(random.nextFloat()));


To visualize the color values we can use the renderer from the previous tutorial. For the new percentage values we need a different renderer:

public class GridPercentCellRenderer extends JLabel implements GridCellRenderer {

  private static final long serialVersionUID = 1L;

  private float f = 0.0f;

  public GridPercentCellRenderer() {

  public Component getGridCellRendererComponent(JGrid grid, Object value, int index, boolean isSelected, boolean cellHasFocus) {
    if(value != null && value instanceof Float) {
      this.f = ((Float) value).floatValue();
    return this;
  protected void paintComponent(Graphics g) {
    g.fillRect(0, 0, getWidth(), getHeight());
    int height = (int)((float)getHeight() * f);
    g.fillRect(0, getHeight() - height, getWidth(), height);

Until now all tutorials used the setDefaultRenderer(...) methode to set a special design to the grid. Just now we have a problem using this practice: we need renderers for different data types. In the JGrid this is as simple as in the JTable.

Here we go:

grid.getCellRendererManager().addRendererMapping(Color.class, new GridColorCellRenderer());
grid.getCellRendererManager().addRendererMapping(Float.class, new GridPercentCellRenderer());

Here you can see the effect:


You can download the source file here.

Hendrik Ebbers

Hendrik Ebbers is the founder of Open Elements. He is a Java champion, a member of JSR expert groups and a JavaOne rockstar. Hendrik is a member of the Eclipse JakartaEE working group (WG) and the Eclipse Adoptium WG. In addition, Hendrik Ebbers is a member of the Board of Directors of the Eclipse Foundation.

Circle Circle

Open Source made right


Privacy Policy Cookie Policy Privacy Config Impressum