question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Glide data grid renderer for VSCode notebooks

See original GitHub issue

Hi @schani, @jassmith, and contributors!

I am reaching out to see if you’d like to collaborate on adding your grid as one of the data output rendering options for VSCode notebooks.

You can read about Jupyter notebooks in vscode here: https://code.visualstudio.com/api/extension-guides/notebook

And custom notebooks and renderers in this post: https://code.visualstudio.com/blogs/2021/11/08/custom-notebooks

I would like to create a custom data grid renderer using your grid similar to the basic version I created this summer:

https://github.com/RandomFractals/vscode-data-table

I like that glide data grid provides search and many nice data formatting options with storybook examples.

Can I have your permission to use glide data grid in that custom renderer repo name and branding when I publish it in VSCode marketplace?

You can preview my work in that space here: https://marketplace.visualstudio.com/publishers/RandomFractalsInc

Public repo created for your data grid renderer: https://github.com/RandomFractals/glide-data-grid-renderer

I do prefer to maintain and publish them on my end, if you are open to that. Otherwise, I’ll probably rename it to data-glider with proper attributions in the intro section of that extension readme.md 🙂

Taras

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
jassmithcommented, Dec 3, 2021

I’ll try to get a PR ready for you this weekend! 😃

0reactions
RandomFractalscommented, Dec 4, 2021

Sounds good. You can see how I wired Observable Inputs table in the data table renderer for example: https://github.com/RandomFractals/vscode-data-table/blob/main/src/renderer/dataTableRenderer.ts#L31

I added all the peer dependencies for your grid already. You can use dev build instructions I just added to that repo docs to build and run it: https://github.com/RandomFractals/vscode-data-glider#dev-build

Feel free to ref. this ticket I created for your grid integration in your commits and PR: https://github.com/RandomFractals/vscode-data-glider/issues/3

You can create new issues there if there is more to it.

Basic idea is to have your grid display loaded JSON array and CSV data when Data Glider output is selected in a vscode notebook cell 😉

image

You can just pull sample notebooks from data table renderer, and use Open Folder in vscode to view and load them when you run Data Glider renderer debug with F5.

Read more comments on GitHub >

github_iconTop Results From Across the Web

glideapps/glide-data-grid - GitHub
Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
Read more >
Data Table Renderers for VSCode Notebooks
It's based on the Flat UI React data grid component library created by the GitHub Next dev team & used in Flat Data...
Read more >
Glide Data Grid: Modern react data grid component
A no-compromise, outrageously fast react data grid, with rich rendering and TypeScript support.
Read more >
@glideapps/glide-data-grid examples - CodeSandbox
Learn how to use @glideapps/glide-data-grid by viewing and forking @glideapps/glide-data-grid example apps on CodeSandbox.
Read more >
glideapps/glide-data-grid v5.1.4 - npm.io
Editing is built in. Resizable and movable columns. Variable sized rows. Single- and multi-select. Cell rendering can be customized. Installation. To add Grid...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found