p5.js | p5.Table clearRows() Method
The clearRows() method of p5.Table in p5.js is used to clear all rows in a table. It does not affect columns and their titles. It can be used to clear a table without affecting its column structure. It has no parameters.
Syntax:
clearRows()
Parameters: This function has no parameter.
The example below illustrates the clearRows() function in p5.js:
Example:
javascript
function setup() { createCanvas(500, 300); textSize(16); getColBtn = createButton( "Get Table Row Details" ); getColBtn.position(30, 50); getColBtn.mouseClicked(getTableRows); getColBtn = createButton( "Clear Rows" ); getColBtn.position(30, 80); getColBtn.mouseClicked(clearAllRows); text( "Click on the button to clear the" + " rows in the table" , 20, 20); // Create the table table = new p5.Table(); // Add columns table.addColumn( "author" ); table.addColumn( "book" ); // Add two rows let newRow = table.addRow(); newRow.setString( "author" , "Marcel Proust" ); newRow.setString( "book" , "In Search of Lost Time" ); newRow = table.addRow(); newRow.setString( "author" , "James Joyce" ); newRow.setString( "book" , "Ulysses" ); } function clearAllRows() { clear(); text( "Click on the button to clear" + " the rows in the table" , 20, 20); // Use the clearRow() method to // clear all rows in the table table.clearRows(); text( "All rows cleared!" , 20, 140); } function getTableRows() { clear(); text( "Click on the button to clear the rows " + "in the table" , 20, 20); // Display all the rows present in the table text( "There are " + table.getRowCount() + " rows in the table" , 20, 140); for (let i = 0; i < table.getRowCount(); i++) { let rowContents = table.rows[i].arr.toString(); text( "Row " + i + ": " + rowContents, 20, 160 + i * 20); } } |
Output:
Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Reference: https://p5js.org/reference/#/p5.Table/clearRows
Please Login to comment...