Figure uitable does not display html image in 2019b

Question

Evan 2019년 12월 18일

2
링크

이 질문에 대한 바로 가기 링크

https://kr.mathworks.com/matlabcentral/answers/497260-figure-uitable-does-not-display-html-image-in-2019b

댓글: Evan 2020년 2월 13일

I have been using html tags to display images in a uitable as suggested in this answer https://uk.mathworks.com/matlabcentral/answers/1132-display-an-icon-in-png-format-in-a-cell-of-a-uitable.

This worked fine when I was using 2018a, but now I have moved to 2019b it seems to have stopped working. I can still use html to change test font, background colour etc. but I just cannot get an image to display.

This is the code I use, tick is a 16x16 pixel png image.

fig = figure;
t = uitable('Parent', fig,...
    'Data', {'1';'2';'3'},...
    'ColumnName',[],...
    'RowName',[],...
    'ColumnWidth', {100});
tick = get_full_filename('+images\Completed_16.png');
t.Data(:,2) = {['<html><img src="file:/', tick, '"></html>']};

When I run this code in 2018a I get this output where I can see the png images in the second column of my table:

But when I run the code in 2019b I get this output where there are no images:

Any ides why I cannot get it to work anymore? Has the functionality changed?

댓글 수: 6
이전 댓글 4개 표시이전 댓글 4개 숨기기

Adam Danz 2019년 12월 19일

편집: Adam Danz 2020년 1월 24일

I thinkered around with it a bit but couldn't get any good results for r2019b.

This thread lists common problems and might be helpful to browse.

https://www.mathworks.com/matlabcentral/answers/470734-matlab-uitable-column-font-size-using-html-not-working

Update: See Arno van der Heijden's answer below.

Evan 2019년 12월 19일

Ok, well thanks for having a look.

댓글을 달려면 로그인하십시오.

이 질문에 답변하려면 로그인하십시오.

Answer 1

Arno van der Heijden 2020년 1월 24일

6
링크

이 답변에 대한 바로 가기 링크

https://kr.mathworks.com/matlabcentral/answers/497260-figure-uitable-does-not-display-html-image-in-2019b#answer_411812

MATLAB Online에서 열기

I struggled with this as well and eventually realised that it still works as long as you explicitly define the image size!:

t.Data(:,2) = {['<html><img src="file:/', tick, '" height="16" width="16"></html>']};

댓글 수: 3
이전 댓글 1개 표시이전 댓글 1개 숨기기

Dev-iL 2020년 2월 9일

Thanks for sharing! +1

Evan 2020년 2월 13일

Thanks Arno

댓글을 달려면 로그인하십시오.

Answer 2

Yair Altman 2019년 12월 24일

3
링크

이 답변에 대한 바로 가기 링크

https://kr.mathworks.com/matlabcentral/answers/497260-figure-uitable-does-not-display-html-image-in-2019b#answer_407584

편집: Yair Altman 2019년 12월 24일

MATLAB Online에서 열기

It's not just in tables. For some reason <img> tags are now ignored in all uicontrols (inc. buttons, listboxes etc.). There is no problem with your code, except for the fact that you forgot the step of:

tick = strrep(tick, '\', '/');

But even after adding this missing step, the images still don't render, although other HTML code does render. For example: uicontrol('String', '<html>12<img...>34') will display "1234" without the image in the middle. Other HTML tags (for example, , , , <div> etc.) still work ok, but not <img>.

I have not yet discovered a workaround, nor do I fully understand the root cause.

Until then, you could use unicode character U+2705 (&#9989 - ✅, which is part of the Dingbats character block) as follows:

t.Data(:,2) = {'<html>&#9989'};

(note the use of bold green color, otherwise the "character" displays using the default light black)

Other alternatives, obviously much more cumbersome, are to display the image using either CSS or by using the underlying Java component and using its column CellRenderer to display the image.

댓글 수: 1
이전 댓글 -1개 표시이전 댓글 -1개 숨기기

Evan 2020년 1월 2일

Thanks Yair, using the dingbats characters are a good workaround for me.

댓글을 달려면 로그인하십시오.