p5.Table getColumnCount() Method
The getColumnCount() method of p5.Table in p5.js is used to return the total number of columns in a table object.
Syntax:
getColumnCount()
Parameters: This function does not accept any parameters.
Return Value: It returns an integer value which specifies the number of columns in the table.
Below example illustrates the getColumnCount() method in p5.js:
Example:
let colCount = 3; function setup() { createCanvas(500, 400); textSize(16); addColBtn = createButton( "Add Column" ); addColBtn.position(30, 50); addColBtn.mouseClicked(addOneColumn); removeColBtn = createButton( "Clear Last Column" ); removeColBtn.position(160, 50); removeColBtn.mouseClicked(clearLastColumn); // Create the table table = new p5.Table(); // Add columns table.addColumn( "Column 1" ); table.addColumn( "Column 2" ); // Display the table showTable(); } function clearLastColumn() { let lastColumn = table.getColumnCount() - 1; if (lastColumn >= 0) table.removeColumn(lastColumn); showTable(); } function addOneColumn() { table.addColumn( "Column " + colCount); colCount++; showTable(); } function showTable() { clear(); text( "Click on the buttons to change" + " the number of columns in the table" , 20, 20); // Get the number of columns // currently in the table let columnCount = table.getColumnCount(); // Display the total columns // present in the table text( "There are " + columnCount + " columns in the table" , 20, 100); // Show all the column names // currently present in the table for (let c = 0; c < columnCount; c++) text(table.columns, 30, 140 + c * 20); } |
Output:
Online editor: https://editor.p5js.org/
Environment Setup: https://www.w3wiki.net/p5-js-soundfile-object-installation-and-methods/
Reference: https://p5js.org/reference/#/p5.Table/getColumnCount
Contact Us