how to change each cell color in a uitable

Asked by Mahmoud Hassan Eldally on 31 Dec 2011

Latest activity Commented on by Evgeny Bespechansky on 2 Sep 2019

642 views (last 30 days)

I wonder how can i make a uitable such that cells at this table has different background colorsand each column has different width

thank you

0 Comments

6 Answers

Link

Answer by Friedrich on 3 Jan 2012

Accepted Answer

Hi,

this is pretty tricky within an uitable since the text you display will have a red background and not the full cell in the table:

uitable('Data',{'<body bgcolor="#FF0000">Hello</body>'})

You will see that Hello has a read background but thats all.

So we can do a small trick. Instead of adding the text we add a html table which contains the text. In addition this html table is sooooo wide that it needs the full cell^^:

uitable('Data',{'<table border=0 width=400 bgcolor=#FF0000><TR><TD>Hello</TD></TR> </table>' })

So overall you can do a colored table like this:

colergen = @(color,text) ['<table border=0 width=400 bgcolor=',color,'><TR><TD>',text,'</TD></TR> </table>'];
data = {  2.7183        , colergen('#FF0000','Red')
         'dummy text'   , colergen('#00FF00','Green')
         3.1416         , colergen('#0000FF','Blue')
         }
uitable('data',data)

9 Comments

Show 6 older comments

Simeon Georgiev on 10 Apr 2019

I get the same results- html is not interpreted. It works when I use figure instead of uifigure:

table1 = uitable(figure);
table2 = uitable(uifigure);

When I do the above changes to table1 - the html is interpreted and I get colored cells, but not for table2. I am using Matlab 2018b

Walter Roberson on 10 Apr 2019

uifigure have a different underlying technology that does not support HTML like this. I have not researched them to see what is possible.

Evgeny Bespechansky on 2 Sep 2019

I have this example working only after adding an '<html>' tag to the above:

colergen = @(color,text) ['<html><table border=0 width=400 bgcolor=',color,'><TR><TD>',text,'</TD></TR> </table>'];

Link

Answer by Yair Altman on 6 Jun 2013

This is answered in great detail here: http://undocumentedmatlab.com/blog/uitable-cell-colors/

0 Comments

Link

Answer by Philip on 31 Mar 2017

In Matlab 2017a (and at least as far back as 2013b) this has improved. The uitable now has a "BackgroundColor" property. This is an array of n rows and 3 columns, RGB values between 0 and 1. It appears that if this array has less rows than the data in the table, then the colours are repeated throughout the table.

To highlight a single row, create a colour array the same size as your data and specify the row of interest as the colour you want.

This is how the alternating row colours are created (and so those colours can be changed if you want as well).

1 Comment

Torsion27 on 24 Apr 2018

Hello, that is my way to try to get the GUI uitable BAckgroundColor changed. But it is only changing the whole uitable. I want it to just change the row of the checkbox green if the checkbox is 1 and if checkbox is 0, change to red background of the row. Thanks for your help. best regards

 function pushbutton2_Callback(hObject, eventdata, handles)

 global pushbutton

 [num,txt,raw]= xlsread(uigetfile ({'.xlsx'}))

 anzahl_kriterien = size([raw],1)% --> aendern

 kriterium =  cell(anzahl_kriterien);

 tabledata = [num2cell(true(length(raw),1)),raw];

 set(handles.uitable3, 'data',tabledata)
 setappdata(handles.uitable3,'RawTableDat',raw)

 % --- Executes when entered data in editable cell(s) in uitable3.
 function uitable3_CellEditCallback(hObject, eventdata, handles)
 tabledata=get(handles.uitable3,'Data');

 spalte1=tabledata(:,1) 
 spalte2=tabledata(:,2)

 zeilenanzahl=length(tabledata);

 % uitablehandles=findobj(handles.uitable3);
  for j = 1:1:zeilenanzahl %für zeile 1 bis ende

    if (spalte1{j,1}==1)

       tabledata{j,2}=spalte2{j,1}

       set(handles.uitable3,'BackgroundColor',[0 1 0])

end

for j = 1:1:zeilenanzahl

    if (tabledata{j,1}==0)

 tabledata{j,2}= set(handles.uitable3,'BackgroundColor',[1 0 0])

 end
  end 
 end

 guidata(hObject,handles);

 % --- Executes during object creation, after setting all    properties.
  function uitable3_CreateFcn(hObject, eventdata, handles)
  hObject.ColumnFormat = {'logical',[]}; 
  hObject.ColumnEditable = logical([1 0]);

Link

Answer by Walter Roberson on 31 Dec 2011

<http://www.mathworks.com/support/solutions/en/data/1-D782JW/index.html?product=ML&solution=1-D782JW>

4 Comments

Show 1 older comment

Walter Roberson on 3 Jan 2012

You could try

'<HTML><TD BGCOLOR=#40FF68>Hello</TD>'

Mahmoud Hassan Eldally on 3 Jan 2012

Sorry this is the first time to use html. when i used the statment in the code you gave me before it gives no colr difference. What I want is to form a table say 5rx6c and the last column to be with five background colors

regards

Rohail Razzaq on 15 Apr 2015

what if i have to use a particular variable instead of a specific text in the following line :

html<font color="blue">'my text'</font></html>

Link

Answer by Torsion27 on 22 Apr 2018

Edited by Walter Roberson on 23 Apr 2018

Hey, i have a similar problem with a Gui uitable and it would be great if you can help me with that. Thaks a lot :)

https://de.mathworks.com/matlabcentral/answers/393866-how-can-i-change-the-color-of-the-row-uitable-when-if-0-die-farbe-der-reihe-im-iutable-soll-sic?s_tid=prof_contriblnk

0 Comments

Link

Answer by Torsion27 on 24 Apr 2018

 function pushbutton2_Callback(hObject, eventdata, handles)
 global pushbutton
 [num,txt,raw]= xlsread(uigetfile ({'.xlsx'}))
 anzahl_kriterien = size([raw],1)% --> aendern
 kriterium =  cell(anzahl_kriterien);
 tabledata = [num2cell(true(length(raw),1)),raw];%das nur einmal checkbox spalte da ist und am anfang
 set(handles.uitable3, 'data',tabledata)
 setappdata(handles.uitable3,'RawTableDat',raw)
 % --- Executes when entered data in editable cell(s) in uitable3.
 function uitable3_CellEditCallback(hObject, eventdata, handles)
 tabledata=get(handles.uitable3,'Data');
 spalte1=tabledata(:,1) 
 spalte2=tabledata(:,2)
 zeilenanzahl=length(tabledata); 
for j = 1:1:zeilenanzahl %für zeile 1 bis ende
    if (spalte1{j,1}==1)   
       tabledata{j,2}=spalte2{j,1}
       set(handles.uitable3,'BackgroundColor',[0 1 0]) 
    end
for j = 1:1:zeilenanzahl  
    if (tabledata{j,1}==0) 
 tabledata{j,2}= set(handles.uitable3,'BackgroundColor',[1 0 0])
 end
  end 
 end
 guidata(hObject,handles);
 % --- Executes during object creation, after setting all properties.
  function uitable3_CreateFcn(hObject, eventdata, handles)
  hObject.ColumnFormat = {'logical',[]};
  hObject.ColumnEditable = logical([1 0]);

You are now following this question