Observable Data Table Cell in ojs cells

[saptarshiguha]

Description

Hello,
I came across DataTable Cells in Observable notebooks (see [1]) and it's very nice! I was thinking I could load a parquet file and display it in a DataTable Cell.

Is such a thing possible? The examples see are like viewof table = Inputs.table(tablenam) but Inputs.table is not as feature rich as Data-Table cells.

thanks much
Saptarshi

[1] https://observablehq.com/documentation/cells/data-table

[mcanouil]

Best way to know is to try.
Don't forget to read Quarto's documentation about Observable.js.

https://quarto.org/docs/interactive/

Note that from my understanding your view is an IDE feature and not the product of the actual code.
If you want to display your table you need to use a library that does that.
And from online documentation, nothing is blocking you from
Adding filter, search feature to Inputs.table().
Overall, your question is mostly about what Observable.js can output rather than a question about Quarto CLI itself.

[saptarshiguha]

I didn't know how to try, with Inputs.table examples seem to indicate viewof table = Inputs.table(tablenam) but for Data Table Cell I didn't see any such code base invocation and it does seem , as you pointed out, an IDE feature specific to Observable notebooks.

Inputs.table() is nice, but Data Cell table is far richer.

Thanks for looking

[mcanouil]

Look for a Observable.js library/module that does that, not for an IDE feature which is not relevant in Quarto as Observable.js code cell are for evaluation in the browser after rendering.

The default Inputs.table has a lot of options: https://observablehq.com/framework/inputs/table

[jimjam-slam]

My understanding is that the Data Table cell is a feature of Observable Notebooks that is separate to Observable Inputs and not part of the standard library, so I think it's unlikely you'll be able to use it out-of-the-box in Quarto.

However, you can import objects from Observable Notebooks, and the Observable team prototyped the table in a notebook, so you could use that prototype! They've licensed it ISC, so you're also clear legally to use it in your Quarto doc 😊 It doesn't have much in the way of configuration (especially compared to Inputs.table, which is bare but can be customised greatly if you're willing and able to put the work in), but it's a nice drop-in summary solution.

EDIT: it might not actually be what you're looking for, as it's more about summarising columns than visualising individual data. But check it out anyway!

[saptarshiguha]

Thank you! What i liked from observable table cell where the little filters below each column (and to a lesser extent the histograms). datatables.js is very good for this too and quarto has very good support for that(via R), but given this table will materialize in OJS cells, i would need to use the JS interace to datatable.js
thanks!