The requirement is having a drop down menu embedded in each row of the table to select from multiple options. We know that we can use checkboxes in the table but that will expand the table vertically which would result in lots of scrolling for the user. We also know that UITable in App designer does not have any children.
MATLAB: How to have ‘dropdown’ in every cell of a table in App Designer
appchoicedesignerdropdownMATLABoptionselecttableuitable
Related Solutions
The property that allows the UITable to be edited by the user of the App is "ColumnEditable".
See the attached screenshot below for the user interface for modifying the "ColumnEditable" property to "true" (without quotes) for the UITable in App Designer:
The documentation for the "ColumnEditable" property is available here:
You can also set this programmatically by writing
app.UITable.ColumnEditable = trueThis will allow users of the App to modify every cell in the table.
If you want to allow modification to only some columns, for example the first static and the second editable, you can set this value to a logical array like this:
app.UITable.ColumnEditable = [false, true];After a user makes edits, it can be helpful to use the new data or indices in the app.
As an example, you could write the table to a file for later use using the UITable "CellEditCallback":
% Cell edit callback: UITable
function UITableCellEdit(app, event) indices = event.Indices; newData = event.NewData; writetable(app.UITable.Data, "test.xlsx")endMore details on "writetable" are available here:
Hi Jimmy,
You can achieve this by making your categorical array protected. Example:
B = categorical(A, 'Protected', true)This will protect your drop-down menu from edits.
Full implementation of an example:
fig = uifigure;myData = {'Andrew' 31 'Male'; ... 'Bob' 41 'Male'; ... 'Anne' 20 'Female';};myData = cell2table(myData, 'VariableNames', {'Name', 'Age','Gender'});myData.Group = categorical({'Group 1'; 'Group 2'; 'Group 3'}, 'Protected', true);uit = uitable('Parent', fig, ... 'Position', [100 150 380 100], ... 'ColumnEditable',true, ... 'Data',myData);Related Question
- Using categorical data in a uitable in GUIDE and AppDesigner
- How to add a drop-down menu for a certain column in a UItable in App Designer
- Do the row names not show up for the uitable when I run the app in App Designer
- How to change the drop-down menu options in App Designer
- Appdesigner button group problem
- Do I get NaNs when I try to enter characters in the UITABLE object
- How to define callbacks for a GUI when the cursor clicks on or hovers over a UIAxes within App Designer
Best Answer