voici.js
GitHubTypeDocnpm☕
  • 🏠Home
  • ⚡Quick Start
  • 💡Examples
    • Styling
      • Alignment
      • Colors
      • Border
      • Padding
      • Width
      • Font Style
    • Sorting
    • Highlighting
    • Accumulation
    • Columns
      • Sort Columns
      • Selected Columns
      • Rename Columns
      • Dynamic Columns
    • Arrays
    • Fill Empty
    • Export
    • Typescript
    • Printing
  • 🧩Contributing
  • Reference
    • 📖API Reference
      • AccumulationFunction
      • Config
      • Sort
      • Table
    • ❓FAQ
    • ❗Issues
Powered by GitBook
On this page

Was this helpful?

  1. Examples
  2. Columns

Rename Columns

Rename the column names.

Using the displayNames option you can rename the colums. The object's keys are the existing column names and the values are the new ones.

import { Table } from 'voici.js'

const data = [
  { firstname: 'Homer', lastname: 'Simpson', age: 39 },
  { firstname: 'Marge', lastname: 'Simpson', age: 36 },
  { firstname: 'Bart', lastname: 'Simpson', age: 10 },
  { firstname: 'Lisa', lastname: 'Simpson', age: 8 },
  { firstname: 'Maggie', lastname: 'Simpson', age: 1 }
];

const config = {
  header: {
    displayNames: {
      firstname: 'fName',
      lastname: 'lName'
    }
  }
};

const table = new Table(data, config);
table.printPlain();

Output:

  fName     lName      age  
============================
  Homer     Simpson    39   
  Marge     Simpson    36   
  Bart      Simpson    10   
  Lisa      Simpson    8    
  Maggie    Simpson    1    
PreviousSelected ColumnsNextDynamic Columns

Last updated 2 years ago

Was this helpful?

💡