How to change UITable Row/Column header font size?

I built an app in 2019b that used UITables with the RowName property set. Everything worked fine. When upgrading the 2020a the font size of the RowName lables was changed to something much larger and now my tables don't fit well in the interface anymore. See screenshots of 2019b and 2020a below with identical code. I've cropped the screenshot to hide sensitive information, but there are other row names below that are dictating the width of the header column so I can't just resize the column in this instance.

I cannont find any way to change the font size of the RowName values, only the other cells. It seems that it used to be possible to use HTML to change the formatting as seen here and here. But either that functionality no longer exists or I'm missing a critical step to get it to show anything but the raw HTML code.

Does anybody have a way of changing the formatting in UITable row/column headers??

Answer 1

[Jeff Foster]

Hi,

I think your question is similar to

https://www.mathworks.com/matlabcentral/answers/493719-change-font-size-in-column-headings-in-app-table#answer_424557

The team is aware of it and considering this request for a future release

Thanks

Jeff

[Tobias Seidler]

For a software this expensive the lack (and removing!) of essential features, especially in the AppDesigner, is getting more and more ridiculous.

[Nikolaus Koopmann]

seriously! Mathworks is actively helping in making Matlab obsolete technology.

Answer 2

[Eric Delgado]

Hey @Nicholas Fugal, @Tobias Seidler and @Nikolaus Koopmann:

I am not sure if it is still an issue to you guys, but I wrote ccTools, a lib that turns possible the customization of the header of the uitable (and a lot of more things, like a new filterable table class). I hope it helps! :)

f = uifigure; 
g = uigridlayout(f, 'RowHeight', {'1x'}, 'ColumnWidth', {'1x'});
t = uitable(g, 'Data', table("#"+string((1:100)'), (1:100)', (1:100)'+.1, (1:100)'+.001, (1:100)'+.00001, randn(100,1)));
drawnow

ccTools.compCustomization(t, 'backgroundHeaderColor', '#52555c', ...
                             'borderRadius', '10px',             ...
                             'fontFamily', 'Times New Roman',    ...
                             'color', 'white');