App Designer: Format headings on uitable

Question

Samuel Thompson 2018-1-9

1
链接

此问题的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/376298-app-designer-format-headings-on-uitable

编辑： Eric Delgado 2023-6-19

The table below is a uitable created within App Designer that has been modified using the following code:

app.UITable2.ColumnName = {'node iD', 'X', 'Y', 'Z'};
app.UITable2.ColumnWidth = {80, 80, 80, 80};
nodeindex = (1:1:length(app.D.Coord))';
nodeid = num2cell(nodeindex);
Xcoord = num2cell(app.D.Coord(1,:)');
Ycoord = num2cell(app.D.Coord(2,:)');
Zcoord = num2cell(app.D.Coord(3,:)');
app.UITable2.Data = [nodeid Xcoord Ycoord Zcoord];

I wish to do two things:

Format the column headers (modify text font and weight, text colour and background)
Centrally align the data within the table.

Any help would be appreciated. I have searched through the documentation and other similar answers but have found nothing as of yet that seems to work.

Thanks in advance, Sam

0 个评论
显示 -2更早的评论隐藏 -2更早的评论

请先登录，再进行评论。

请先登录，再回答此问题。

Answer 1

Eric Delgado 2023-6-19

1
链接

此回答的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/376298-app-designer-format-headings-on-uitable#answer_1258714

编辑：Eric Delgado 2023-6-19

在 MATLAB Online 中打开

Hey @Samuel Thompson and @Ramiro Massol,

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');

0 个评论
显示 -2更早的评论隐藏 -2更早的评论

请先登录，再进行评论。

Answer 2

ES 2018-1-9

0
链接

此回答的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/376298-app-designer-format-headings-on-uitable#answer_299324

编辑：ES 2018-1-9

You can use html to format the headings, values in table!

You may start here https://undocumentedmatlab.com/blog/gui-formatting-using-html

3 个评论
显示 1更早的评论隐藏 1更早的评论

Ramiro Massol 2021-1-29

HTML is not yet recognized in AppDesigner R2020b, so no way yet to format column/row headers in uitable.

Adam Danz 2021-5-25

This answer shows how to create a UITable within a UIFigure (eg, app designer) that appears to have formatted column names. It moves the column names into the first row of the data and the applies formatting to make it appear as though the first line of data is actually a table header. The same logica can be applied to row names.