To make the Numeric Edit Field interactive, we need to add a callback function. The desired functionality is as follows: if the value in the Numeric Edit Field is less than or equal to the total number of rows in the table, the table will be modified to display only the specified number of rows by removing the initial extra rows. If the specified number of rows exceeds the total number of rows in the table, the table will display all rows, and the Numeric Edit Field will update to reflect the total number of rows present in the table.The following Implementation steps can be followed:
First, add two private properties to manage the imported data and the total number of rows:
properties (Access = private)
ImportedTable
TotalRows
end
Implement the“startupFcn”to load the entire table when the app is launched:
function startupFcn(app)
% Read the CSV file into a table
app.ImportedTable = readtable("yourcsvfile.xlsx");
app.UITable.Data = app.ImportedTable;
app.TotalRows = size(app.ImportedTable, 1);
% Update the Numeric Edit Field with the number of rows
app.EditField.Value = size(app.ImportedTable, 1);
end
Then, add a callback function for the Numeric Edit Field to achieve the intended functionality:
function RowsEditFieldValueChanged(app, event)
newRowCount = app.EditField.Value;
% Check if the new row count is less than the current row count
if newRowCount < app.TotalRows
app.UITable.Data = app.ImportedTable((app.TotalRows - newRowCount + 1):end, :);
elseif newRowCount > app.TotalRows
app.EditField.Value = app.TotalRows;
app.UITable.Data = app.ImportedTable;
end
This makes the app work as intended. Below is a screenshot demonstrating the app's functionality:
