function
setup() {
createCanvas(600, 300);
textSize(18);
text(
"Click on the button to get all "
+
"the values of the table"
, 20, 20);
setBtn =
createButton(
"Get all table values"
);
setBtn.position(30, 40);
setBtn.mouseClicked(showTable);
table =
new
p5.Table();
table.addColumn(
"name"
);
table.addColumn(
"id"
);
let newRow = table.addRow();
newRow.setString(
"name"
,
"Mary"
);
newRow.setString(
"id"
,
"id-1"
);
newRow = table.addRow();
newRow.setString(
"name"
,
"Nezuko"
);
newRow.setString(
"id"
,
"id-12"
);
newRow = table.addRow();
newRow.setString(
"name"
,
"Ishigaki"
);
newRow.setString(
"id"
,
"id-121"
);
newRow = table.addRow();
newRow.setString(
"name"
,
"Sam"
);
newRow.setString(
"id"
,
"id-23"
);
newRow = table.addRow();
newRow.setString(
"name"
,
"Max"
);
newRow.setString(
"id"
,
"id-45"
);
newRow = table.addRow();
newRow.setString(
"name"
,
"Mikasa"
);
newRow.setString(
"id"
,
"id-132"
);
}
function
showTable() {
clear();
text(
"The values each tableRow is "
+
"retrieved using the getString() method"
,
20, 20);
for
(let c = 0; c < table.getColumnCount(); c++) {
text(table.columns, 20 + 160 * c, 80);
}
for
(let r = 0; r < table.getRowCount(); r++) {
let table_row = table.rows[r];
text(table_row.getString(
"name"
),
20, 120 + 20 * r);
text(table_row.getString(
"id"
),
180, 120 + 20 * r);
}
}