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.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

Reference: https://p5js.org/reference/#/p5.Table/getColumnCount