MATLAB Answers

how to change each cell color in a uitable

550 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

Sign in to comment.

Accepted Answer

Friedrich
Friedrich on 3 Jan 2012
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)

  13 Comments

Walter Roberson
Walter Roberson on 18 May 2020
For uitable that are inside uifigure, before R2019b there was only hacks.
As of R2019b, uitable inside uifigure can have styles configure for them. See https://www.mathworks.com/help/matlab/ref/matlab.ui.control.tableappd.addstyle.html
Himanshu Verma
Himanshu Verma on 19 May 2020
Thanks. Yeah, I read about it too. But the problem is, I'm currently on 2019a and I need the code to work with 2016 version onwards. So, I'm much more interested in the hacks. Could you please share?

Sign in to comment.

More Answers (5)


Philip
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
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]); 

Sign in to comment.


Walter Roberson
Walter Roberson on 31 Dec 2011

  4 Comments

Show 1 older comment
Walter Roberson
Walter Roberson on 3 Jan 2012
You could try
'<HTML><TD BGCOLOR=#40FF68>Hello</TD>'
Mahmoud Hassan Eldally
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
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>

Sign in to comment.


Torsion27
Torsion27 on 22 Apr 2018
Edited: 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

Sign in to comment.


Torsion27
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];%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]);

  1 Comment

Himanshu Verma
Himanshu Verma on 19 May 2020
Hi there...
Did you find any solution to this problem? I'm also looking for the same.

Sign in to comment.