How can I make a table editable in app designer to use the resulting data matrix?

291 views (last 30 days)
Cedric Kotitschke
Cedric Kotitschke on 1 Oct 2018
Commented: Allamaprabhu Ani on 28 Nov 2021 at 15:45

I am using app designer and wanted to create a table but all I can do is change the column titles. I want the user to be able to insert data into the table which is then used by a function. Neither can I change anything in design view (UI figure properties menu) nor can I channge anything in code view (everything is this you-can't-edit-this-grey. Can you help?

Answers (5)

Eric
Eric on 29 Jul 2019
It seems you must first add "default" data (via something like the startupFcn for your UIFigure) before you can edit the data (so you cannot put in default data in the Design View). For example:
app.UITable.Data = zeros(n,numel(app.UITable.ColumnName));
will fill in n rows of zeros, which you can edit depending on your ColumnEditable settings.
You can also add a "+" and "-" buttons to your app to add/delete rows. In the callback for these buttons, you can do
app.UITable.Data(end+1,:) = 0; % Add Row of zeros
% or
app.UITable.Data(end,:) = []; % Delete Row
depending on the button.

Freya H
Freya H on 24 Oct 2018
The following code might solve your problem. You can use the feature 'ColumnEditable' of a uitable to make some or all columns editable.
% Set Editable
ncols = size(app.UITable.Data,2);
app.UITable.ColumnEditable = true(1,ncols); %all columns editable
app.UITable.ColumnEditable(2) = false; %column2 non-editable
The data is stored in app.UITable.Data.

Vishal Sharma
Vishal Sharma on 6 Apr 2020
if the given coloumn is horizontal, i.e
app.UITable.ColumnName={};
app.UITable.RowName={'N' 'N/m'};
then how to make one particular row editable?
  3 Comments
Eric Sargent
Eric Sargent on 9 Dec 2020
Why not just transpose the table data?
Given a table of data & variable names named "dataTable" that you want to put into a uitable of your app:
y = rows2vars(dataTable);
y.Properties.RowNames = y.OriginalVariableNames;
y = removevars(y,"OriginalVariableNames");
uit = uitable(app.UIFigure);
uit.Data = y;
uit.RowName = y.Properties.RowNames;
uit.ColumnName = y.Properties.ColumnNames;
You can set the ColumnEditable property on/off per row of dataTable.

Sign in to comment.


Eric Sargent
Eric Sargent on 9 Dec 2020
You can now edit additional properties of a UITable in an App Designer app, such as RowName and ColumnEditable.

Jeet Shetty
Jeet Shetty on 9 Jul 2021
hey guys, i have a similar doubt regarding editting a table but my table is not present on the app from the begining , it shows up after i enter the no . of sensor on my app. I want to now edit this table to enter the X and Y values , such that i can plot the those values on the graph. How can i do it?
properties (Access = private)
sensor_table = gobjects(1,1); %initialize as graphics object
end
% Callbacks that handle component events
methods (Access = private)
% Button pushed function: Button
function ButtonPushed(app, event)
N = app.NoofSensorsEditField.Value
sensor_number = (1:N).';
x_coordinate = zeros(N,1)
y_coordinate = zeros(N,1)
T = table(sensor_number, x_coordinate, y_coordinate)
app.sensor_table = uitable(app.UIFigure, 'Data', T)
  3 Comments

Sign in to comment.

Products


Release

R2018a

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!