p5.js | Método p5.Table clearRows()

El método clearRows() de p5.Table en p5.js se usa para borrar todas las filas de una tabla. No afecta las columnas y sus títulos. Se puede usar para borrar una tabla sin afectar su estructura de columnas. No tiene parámetros.
Sintaxis:
 

clearRows()

Parámetros: Esta función no tiene parámetros.
El siguiente ejemplo ilustra la función clearRows() en p5.js:
Ejemplo:
 

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);
  }
}

Producción:
 

clearRows-btn

Editor en línea: https://editor.p5js.org/
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Referencia: https://p5js.org/ referencia/#/p5.Table/clearRows
 

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *