Method render

packages/cli-v3/src/utilities/ink-table.tsx:201–231

()

  /* Render */
  override render() {
    /* Data */
    const columns = this.getColumns();
    const headings = this.getHeadings();

    /**
     * Render the table line by line.
     */
    return (
      <Box flexDirection="column">
        {/* Header */}
        {this.header({ key: "header", columns, data: {} })}
        {this.heading({ key: "heading", columns, data: headings })}
        {/* Data */}
        {this.props.data.map((row, index) => {
          // Calculate the hash of the row based on its value and position
          const key = `row-${sha1(row)}-${index}`;

          // Construct a row.
          return (
            <Box flexDirection="column" key={key}>
              {this.separator({ key: `separator-${key}`, columns, data: {} })}
              {this.data({ key: `data-${key}`, columns, data: row })}
            </Box>
          );
        })}
        {/* Footer */}
        {this.footer({ key: "footer", columns, data: {} })}
      </Box>
    );
  }
}

/* Helper components */