Cell background color in JTable

Hi all,
I have a JTable that has numbers in its cells. Now, based on user input, I would like to be able to search the numbers in the JTable's cells and change the background color of the cells that have same number as the one user has provided.
My program now searches through the table and can find the cells containing that particular number.
Is there any way (without having to go through defining a cell renderer), somehow change the background color of the cells my program finds, simply by using setBackgroundColor()?
Thanks,
Payam.

I don't see a method called setBackgroundColor anywhere in the API, so I don't know what that is. But what do you have against cell renderers? That's what you should be using to answer your question, that's what they were designed for.

Similar Messages

How to change a selected cell background color in JTable?

Hi all,
I am trying to change the background color of a selected cell by clicking on that particular cell. DefaultTableCellRenderer class provides setBackground(Color c) to change the background color of unselected cells. Is there a way to change a selected cell background color?
Thank you,
Arthur

Write your own renderer (eg. extending DefaultTableRenderer) and put in getTableCellRendererComponent method something like this:
if( isSelected && hasFocus )
setBackground( Color.RED );
setForeground( Color.GREEN );
}

JTable cell background color

Hi All,
I want to change the background color of the same of the cells in jTabel. How can I do that.
Like, I want to keep 3 cells in red color. Another 2 cells in in green color, And keep other cell background color to default.
Also I want to change the background color of the cell, with different selection in other component(like jTree, jList).
Thank you,
Avin Patel

The same cell renderer is used by all cells of the table. You can't just set the background color of a cell once. You have to reset it every time the cell renderer is called (depending on which row/column you are being asked to render). Here is an example:
import java.awt.*;
import javax.swing.*;
import javax.swing.table.*;
public class TableCell extends JFrame
     JTable table;
     public TableCell()
          Object[][] data = { {"1", "A"}, {"2", "B"}, {"3", "C"}, {"4", "D"} };
          String[] columnNames = {"Number","Letter"};
          DefaultTableModel model = new DefaultTableModel(data, columnNames);
          table = new JTable( model );
          // Set default cell renderer
          TableCellRenderer renderer = new TestRenderer();
          table.setDefaultRenderer(Object.class, renderer);
          JScrollPane scrollPane = new JScrollPane( table );
          getContentPane().add( scrollPane );
     public static void main(String[] args)
          TableCell frame = new TableCell();
          frame.setDefaultCloseOperation( EXIT_ON_CLOSE );
          frame.pack();
          frame.setVisible(true);
     class TestRenderer extends DefaultTableCellRenderer
          public Component getTableCellRendererComponent(
               JTable table,
               Object value,
               boolean isSelected,
               boolean hasFocus,
               int row,
               int column)
               super.getTableCellRendererComponent(table,
               value, isSelected, hasFocus, row, column);
               if (column == 0)
                    setHorizontalAlignment( LEFT );
                    setBackground( Color.blue );
               else
                    setHorizontalAlignment( RIGHT );
                    setBackground( Color.green );
               if (row == 1)
                    setBackground( Color.red );
               return this;
}

Right way to change datagrid row, column, cells background colors in code-behind?

Hi all,
I have a winform program that I'm upgrading to wpf (I'm new to wpf). The wpf code for the function (SetdataGridBackgroundColors()) is below with the winform code commented out so I can fix it. I have a datagrid with a Cornsilk background color alteranating
with LightGreen depending on the content of datetime cell. If the day portion of the datetime is different then the color changes from one to the other. I used a colorIndex variable because at the end of the month it could go from 31 to 1 and that would
not work if I use the day directly.
I tried this line to change the background color:
optionsDataDatagrid.RowBackground = new SolidColorBrush(Colors.Cornsilk);
this works but it changes every row. I found this other stuff:
DataGridRow currentRowColor = optionsDataDatagrid.ItemContainerGenerator.ContainerFromIndex(i) as DataGridRow;
//DataGridRow currentRowColor = optionsDataDatagrid.ItemContainerGenerator.ContainerFromItem(optionsDataDatagrid.Items[i]) as DataGridRow;
currentRowColor.Background = new SolidColorBrush(Colors.Cornsilk);
Either ContainerFromIndex or ContainerFromItem throw an exception because currentRowColor is null. I looked at optionsDataDatagrid.Items[i] and is not null. Then I read that using ItemContainerGenerator is not a good idea.
BTW I'm calling SetdataGridBackgroundColors() after datagrid is been filled with data.
So... what is the proper way to set each row, column or cell background color in wpf?
Thanks
private void SetdataGridBackgroundColors()
optionRowData rowData = new optionRowData();
if (optionsDataDatagrid.Items.Count == 0)
return;
int colorIndex = 1;
DateTime savedDate, currentRowDate;
rowData = optionsDataDatagrid.Items[0] as optionRowData;
savedDate = rowData.col_datetime.Date; //only compare the date not the time
for (int i = 0; i < optionsDataDatagrid.Items.Count; i++)
//currentRowDate = Convert.ToDateTime(optionsDataDatagrid.Rows[i].Cells[3].Value); //winform code
//currentRowDate = currentRowDate.Date; //winform code
rowData = optionsDataDatagrid.Items[i] as optionRowData;
currentRowDate = rowData.col_datetime.Date;
if (currentRowDate != savedDate)
colorIndex++;
savedDate = currentRowDate;
if (colorIndex % 2 == 0)
//optionsDataDatagrid.Rows[i].DefaultCellStyle.BackColor = Color.Cornsilk;
//------------------- testing new code --------------begin
optionsDataDatagrid.RowBackground = new SolidColorBrush(Colors.Cornsilk); //this changes all rows
//DataGridRow currentRowColor = optionsDataDatagrid.ItemContainerGenerator.ContainerFromIndex(i) as DataGridRow;
//DataGridRow currentRowColor = optionsDataDatagrid.ItemContainerGenerator.ContainerFromItem(optionsDataDatagrid.Items[i]) as DataGridRow;
//currentRowColor.Background = new SolidColorBrush(Colors.Cornsilk);
//------------------- testing new code --------------end
//optionsDataDatagrid.Columns[4].DefaultCellStyle.BackColor = Color.DarkSalmon;
//optionsDataDatagrid.Columns[5].DefaultCellStyle.BackColor = Color.Aquamarine;
//optionsDataDatagrid.Rows[i].Cells[4].Style.ApplyStyle(optionsDataDataGridView.Columns[4].DefaultCellStyle);
//optionsDataDatagrid.Rows[i].Cells[5].Style.ApplyStyle(optionsDataDataGridView.Columns[5].DefaultCellStyle);
else
//optionsDataDatagrid.Rows[i].DefaultCellStyle.BackColor = Color.LightGreen;
//------------------- testing new code --------------begin
optionsDataDatagrid.RowBackground = new SolidColorBrush(Colors.LightGreen); //this has no effect
//------------------- testing new code --------------end
//optionsDataDatagrid.Columns[4].DefaultCellStyle.BackColor = Color.Coral;
//optionsDataDatagrid.Columns[5].DefaultCellStyle.BackColor = Color.LimeGreen;
//optionsDataDatagrid.Rows[i].Cells[4].Style.ApplyStyle(optionsDataDataGridView.Columns[4].DefaultCellStyle);
//optionsDataDatagrid.Rows[i].Cells[5].Style.ApplyStyle(optionsDataDataGridView.Columns[5].DefaultCellStyle);

I (also) strongly recommend mvvm.
Setting values is a particularly bad idea in this case.
I don't mean to be rude but your explanation of the requirement is kind of vague.
I would bind solidcolourbrushes.
Set the properties based on whatever your logic is within the viewmodel.
You can switch out what each of the brushes holds when the user clicks wherever.
So you use a highlightbrush when something or other is true.
That highlightbrush is set to a blue brush when the user clicks left and a red brush when they click right.
Please don't forget to upvote posts which you like and mark those which answer your question.
My latest Technet article - Dynamic XAML

Cell background colors are not showing in preview - help? - DW4

Hi,
I created a horizontal table for my menu bar, and gave each cell a different color by creating a separate class for each with background image - image is a block of color created in Photoshop. In design mode they look they way I want, but in preview (Safari) the colors don't show up at all - the whole area is gray, and all I see is the text for each cell. Can someone tell me what I'm doing wrong? Alternatively, is there a better way I can set this up to have different colors for each button?
Thank you!

Here is the HTML code, and the CSS code for the menu bar follows:
     ul.MenuBarHorizontal
></style><style type="text/css"><!body {     background-color: #FFF;     font-family: Arial, Helvetica, sans-serif;}-->
    h1.
     ul.MenuBarVertical
[about | MS_about.html]
[fiction | MS_fiction.html]
[dramatic work | MS_dramaticwork.html]
[arts | MS_arts.html]
[contact | MS_contact.html]
[blog | MS_blog.html]
</div></html>
CSS CODE:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* The outermost container of the Menu Bar, an auto width box with no margin or padding /ul.MenuBarHorizontal/ Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html /ul.MenuBarActive{     z-index: 1000;     font-family: Arial, Helvetica, sans-serif;     font-size: medium;     color: #FFF;     background-color: #FFCC99;     background-repeat: no-repeat;     left: auto;     top: auto;     right: auto;     bottom: auto;}/ Menu item containers, position children relative to this container and are a fixed width /ul.MenuBarHorizontal li/ Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) /ul.MenuBarHorizontal ul/ Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item /ul.MenuBarHorizontal ul.MenuBarSubmenuVisible/ Menu item containers are same fixed width as parent /ul.MenuBarHorizontal ul li/ Submenus should appear slightly overlapping to the right (95%) and up (-5%) /ul.MenuBarHorizontal ul ul/ Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
/* Submenu containers have borders on all sides /ul.MenuBarHorizontal ul/ Menu items are a light gray block with padding and no text decoration /ul.MenuBarHorizontal a/ Menu items that have mouse over or focus have a blue background and white text /ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{     background-color: #6C9;     color: #999;     font-family: Arial, Helvetica, sans-serif;     font-size: medium;     font-style: normal;     line-height: normal;     font-weight: normal;     font-variant: normal;     text-decoration: none;     text-align: center;     vertical-align: middle;     height: 50px;     width: 115px;}/ Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{     background-color: #FFCC99;     color: #FFF;     font-family: Arial, Helvetica, sans-serif;     text-decoration: none;     font-size: medium;}
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarDown.gif);     background-repeat: no-repeat;     background-position: 95% 50%;     text-align: center;}/ Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarRight.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/ Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarDownHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/ Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarRightHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe /ul.MenuBarHorizontal iframe/ HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{     ul.MenuBarHorizontal li.MenuBarItemIE     {          display: inline;          f\loat: left;          background: #FFF;
Date: Mon, 20 Jun 2011 15:30:46 -0600
From: [email protected]
To: [email protected]
Subject: Re: cell background colors are not showing in preview - help? - DW4
NEED to see the code.
Otherwise it's like dialing a random phone number, and asking whoever answers, where you left your keys.
>

Is it possible to apply conditional formatting to a cell (or range) based upon a LOOKUP query to cell values in another sheet.? I want to alter the formatting (i.e., text and/or cell background color), but not cell content.

Is it possible to apply conditional formatting to a cell (or range) based upon a LOOKUP query to cell values in another sheet.?
I want to alter the formatting (i.e., text and/or cell background color), but not the content, of the target cell(s).

Hi Tom,
Your LOOKUP formula will return a value that it finds in the "other" table. That value can be used in conditional highlighting rules. (Numbers 3 calls it conditional highlighting, not conditional formatting. Just to keep us awake, I guess, but it works the same).
Please explain what you are trying to do.
Regards,
Ian.

Set cell background color conditionally?

I want to set a cells' background colors conditionally, e.g., if the computer value is between 5 to 9, make the background red. Is there any way to do that?

That is a good question. It would appear it does not work. A way around it is to put 1:00 (1 hour duration, not 1 o'clock) in a cell and a 1:30 in another then reference those cells as your two conditions.
This is not the only place where the duration format is not fully implemented.

How to change the particular column background color in jTable?

I am woking with a project, in which I am using a jTable. Then
How to change the particular column background color in jTable?

Use a custom Renderer. This is the JTable tutorial:
http://java.sun.com/docs/books/tutorial/uiswing/components/table.html

Is it possible to change cell Background color?

I want to change table cell background color.
Can anyone help me with code example?

Hi,
tanusree wrote:
I want to change table cell background color.
Can anyone help me with code example?You can find code example in the java tutorial.
http://java.sun.com/docs/books/tutorial/uiswing/components/table.html
exacting
http://java.sun.com/docs/books/tutorial/uiswing/components/table.html#renderer
greetings
Axel

Calendar Activity instance using calendar cell background color

Hi ,
We have a requirement to show activity instance belong to a certain provider in calendar using the calendar cell background color, instead of the color of activity. Is this possible? If so, how to implement it?
I checked the calendar skin keys here:
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/calendar.jspx
but only find some keys related to activity like "af|calendar::month-time-activity", "af|calendar::all-day-activity" and "af|calendar::month-time-activity". These highlight the activity with color, but not the whole calendar cell.
I saw there is a skin key called "af|calendar::month-grid-cell" which set the background color of the calendar cells for the month. This is similar to what I am looking for, but I would like the cell's background color for the cells of the activity instance only, not all the cells in the month.
Any ideas?
Thanks
-Mina

Hi Mina,
There is a way to highlight cells corresponding to activity by using skinning, but you have to set the backgroud color property: af|calendar::month-time-activity{ background-color: Blue; }
Georgiana :)

JTable cell Background Color problem

I overriden the table renderer and tried to chenge the color of only that row which has greater value in the third column. I coded the logic but it set the color of all the rows. The custom tablecellrendere code is as follows
      public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected,boolean hasFocus, int row, int column)
            cell = super.getTableCellRendererComponent(table, value, isSelected, hasFocus, row, column);
               if(vuti[0]==0)
                    //cell.setBackground(Color.pink);
                    vuti[0]=counter;
               else
                    if (counter>vuti[0] && !isSelected)
                      vuti[0]=counter;
                      cell.setBackground(Color.lightGray);
                  else if(counter<vuti[0])
                    cell.setBackground(Color.white);
            return cell;
      }

In the code that sets the background, you have a if - else (if - else if) structure. What's the default setting, when none of the 3 conditions are met?
And learn to indent your code correctly so that code blocks are readily apparent.
[http://java.sun.com/docs/codeconv/html/CodeConvTOC.doc.html]
db

How to set cell background color for JCheckBox renderer in JTable?

I need to display table one row with white color and another row with customized color.
But Boolean column cannot set color background color.
Here is my codes.
import javax.swing.*;
import javax.swing.border.*;
import javax.swing.table.*;
import javax.swing.event.*;
import java.awt.*;
import java.awt.event.*;
import java.util.TreeSet;
public class BooleanTable extends JFrame
    Object[][] data = {{Boolean.TRUE},{Boolean.TRUE},{Boolean.TRUE},{Boolean.TRUE},{Boolean.TRUE},{Boolean.TRUE}};
    String[] header = {"CheckBoxes"};
    public BooleanTable()
        setDefaultCloseOperation( EXIT_ON_CLOSE );
        TableModel model = new AbstractTableModel()
            public String getColumnName(int column)
                return header[column].toString();
            public int getRowCount()
                return data.length;
            public int getColumnCount()
                return header.length;
            public Class getColumnClass(int columnIndex)
                return( data[0][columnIndex].getClass() );
            public Object getValueAt(int row, int col)
                return data[row][col];
            public boolean isCellEditable(int row, int column)
                return true;
            public void setValueAt(Object value, int row, int col)
                data[row][col] = value;
                fireTableCellUpdated(row, col);
        JTable table = new JTable(model);
        table.setDefaultRenderer( Boolean.class, new MyCellRenderer() );
        getContentPane().add( new JScrollPane( table ) );
        pack();
        setLocationRelativeTo( null );
        setVisible( true );
    public static void main( String[] a )
        try
            UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
        catch( Exception e )
        new BooleanTable();
    private class MyCellRenderer extends JCheckBox implements TableCellRenderer
        public MyCellRenderer()
            super();
            setHorizontalAlignment(SwingConstants.CENTER);
        public Component getTableCellRendererComponent(JTable
                                                       table, Object value, boolean isSelected, boolean
                                                       hasFocus, int row, int column)
            if (isSelected) {
               setForeground(Color.white);
               setBackground(Color.black);
            } else {
               setForeground(Color.black);
               if (row % 2 == 0) {
                  setBackground(Color.white);
               } else {
                  setBackground(new Color(239, 245, 217));
            setSelected( Boolean.valueOf( value.toString() ).booleanValue() );
         return this;
}

Instead of extending JCheckBox, extend JPanel... put a checkbox in it. (border layout center).
Or better yet, don't extend any gui component. This keeps things very clean. Don't extend a gui component unless you have no other choice.
private class MyCellRenderer implements TableCellRenderer {
    private JPanel    _panel = null;
    private JCheckBox _checkBox = null;
    public MyCellRenderer() {
        // Create & configure the gui components we need
        _panel = new JPanel( new BorderLayout() );
        _checkBox = new JCheckBox();
        _checkBox.setHorizontalAlignment( SwingConstants.CENTER );
        // Layout the gui
        _panel.add( _checkBox, BorderLayout.CENTER );
    public Component getTableCellRendererComponent(JTable table, Object value,
        boolean isSelected, boolean hasFocus, int row, int column) {
        if( isSelected ) {
           _checkBox.setForeground(Color.white);
           _panel.setBackground(Color.black);
        } else {
           _checkBox.setForeground(Color.black);
           if( row % 2 == 0 ) {
              _panel.setBackground(Color.white);
           } else {
              _panel.setBackground(new Color(239, 245, 217));
        _checkBox.setSelected( Boolean.valueOf( value.toString() ).booleanValue() );
        return _panel;
}

Problem in setting the background color of jtable with Nimbus

Hi
I have created a java swing application. In which I am using JTable.
When creating a simple JTable and displaying with Nimbus, the row background color alternates between white and a light blue-grey.
I want the table with single colour. Only the first column should be grey colour and other should be white.
I used this code to set the background and foreground colour.
public Component prepareRenderer
    (TableCellRenderer renderer, int index_row, int index_col){
            Component objComponent = super.prepareRenderer(renderer, index_row, index_col);
            Color objGreyColour = new Color(240,240,240);
            Color objWhiteColour = new Color(255,255,255);
            if(index_col == 0){
                objComponent.setBackground(objGreyColour);
                objComponent.setFont(new java.awt.Font(CommonClass.getFontName(),java.awt.Font.BOLD, CommonClass.getFontSize()));
                objComponent.setForeground(Color.BLACK);
            }else{
                setSelectionBackground(Color.BLUE);
                objComponent.setBackground(objWhiteColour);
                objComponent.setForeground(Color.BLACK);
            return objComponent;
        } Look wise it is fine but when i try to select the cell it is not highlighting the cell and also i m not able to select multiple cell with ctrl key.
Any help would be appreciated
Thanks
Sonal

Hello,
1) if you want better help soone,r please post an SSCCE (http://sscce.org) instead of a code extract.
2) selection highlighting is lost because your code... doesn't handle selection. To take selection into account, you can use <tt>if (super.isRowselected(index_row)) {...}</TT>.
Regards,
J.

Change cell's color in jtable when user clicks on it

Hi everyone,
i've got a JTable, and would like to change the background of a cell when user selects it
so i added a mouselistener over my jtable, the mousereleased method looks like this:
          public void mouseReleased(MouseEvent e) {
               int row = table.rowAtPoint(e.getPoint());
               int column = table.columnAtPoint(e.getPoint());
                        // help needed
          }as you see, i found the code to get the index of the cell selected, but i don't find any method in JTable class to get the cell component itself, and to alter its background color
Please notice that the "setSelectionBackground()" in JTable isn't enough, since i would also like to change the color of cells which are not selected when the user select a cell
how could i do that?
Thanks in advance!
edit: i tried the following but it does not work either
          public void mouseReleased(MouseEvent e) {
               int row = table.rowAtPoint(e.getPoint());
               int column = table.columnAtPoint(e.getPoint());
               AbstractTableModel atm = (AbstractTableModel) table.getModel();
               Component cell = table.getDefaultRenderer(CaseMemoire.class).
               getTableCellRendererComponent(table, atm.getValueAt(row, column), true, true, row, column);
               cell.setBackground(Color.MAGENTA);
               table.updateUI();
          }

ok i found how to do it
i directly inserted this in the renderer code:
if (row == table.getSelectedRow() && column == table.getSelectedColumn())
cell.setBackground(etc);
(curiously it does not work with "if (isSelected)")
thanks :)

ADF calendar date cell background color change

Hi,
I am new to jdeveloper / ADF.
I coded per the below calender sample in my jdeveloper and it runs fine.
http://www.oracle.com/technetwork/developer-tools/jdev/calendar-091799.html
The current date cell shows in yellow color background. How/where can I change that color.
Also the small calendar look up for the start/end date-time setting allows the user set the start/end time upto HH/MIN/seconds. How can I remove the seconds
Thanks for all your help.

You can create a new skin for your application and use the following selector which we deliver..
.AFCalendarTodayBackground:alias
background-color: blue;
ALternatively, you can use the specific selector
af|calendar af|calendar::day-of-week:today {
background-color: blue;
You can also see other ways of customizing your look and feel of the calendar component by referencing the hosted demo for skinning the calendar component.
http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/calendar.jspx

Cell background color in JTable

Similar Messages

Maybe you are looking for