How to format inputs.table columns, columns width and word wrap?

[mootari]

Here is an example (I’m using the Faker library to produce some dummy data):

faker = (await import("https://esm.run/@faker-js/faker@7.6")).faker

data = Array.from({length: 100}, () => ({
  ID: faker.finance.iban(),
  AMOUNT: +faker.finance.amount(),
  DESCRIPTION: faker.finance.transactionDescription(),
}))

Inputs.table(data, {
  width: {
    ID: "30%",
    AMOUNT: "20%",
    DESCRIPTION: "50%",
  },
  format: {
    DESCRIPTION: d => htl.html`<span style="white-space:normal">${d}`,
  },
})