Kino.DataTable column order and customization

[petros]

Hi folks. Forgive me if this is not the best place to ask this question.

I have started playing with LiveBook, and I have discovered Kino.DataTable. It allows me to display tabular data.

There's a :keys option the order of which is supposed to be respected. But it's not in my case. What gives?

Ki.Building.new().apartments
|> Kino.DataTable.new(
  keys: [:id, :owner, :area_in_square_meters, :votes_per_thousand],
  name: "Apartments",
  sorting_enabled: false
)

But I get the following output:

Also, I think I cannot customize the output further. Like the actual names of the columns, the alignment of each column etc. Is there a better way to go about a more customizable output inside a LiveBook?

[jonatanklosko]

Hey @petros, the columns order was fixed in livebook-dev/kino#150, but it hasn't been released yet. There are currently no options to specify column names or alignment, we may add those in the future, we plan on revising tables with a couple new ideas :)

Sidenote: you can also build arbitrary output presentation using JavaScript, through Kino.JS and Kino.JS.Live.

[petros]

Thank you so much!

you can also build arbitrary output presentation using JavaScript, through Kino.JS and Kino.JS.Live.

Is this is only method? What if I want to avoid JS in general? Am I out of luck? Don't get me wrong. I just imagine myself sticking to Elixir and, if needed, basic HTML/CSS. What's the future of output presentation in LiveBook?

[josevalim]

For now you need JS. We are only at the beginning, so we are not a moment to think about a higher level abstraction where you would write interactive outputs only with Elixir.

[petros]

Thank you @josevalim. Understandable. I might try my luck contributing to the DataTable 😄.