qgrid - maintained

A Clone of QGrid to Make Small Changes to keep it working with JupyterLab 3.0 and beyond

This repo is a clone of [Qgrid] (https://github.com/quantopian/qgrid)

It does not appear qgrid is updated anymore, and with that, I had a hard time getting it to work with the new ipywidgets package.

I faced a challenge, keep ipywidgets on older versions or don't use qgrid, and since I haven't found something to replace qgrid in my Jupyter Integrations, I decided to try to fix qgrud for Jupyter Lab

Essentially, I hacked my way into it, followed the Jupyterlab Extension docs, and made some changes. In it's current form it works.

You CAN submit issues to this, but I can already say, I am not a Javascript expert, and if you have an issue, you may wait a bit. My main goal is to get something that will continue to work with JupyterLab as upgrades happen.

If we get good PRs and updates from the community, I absolutely will merge them.

Thanks!

Install

git clone https://github.com/johnomernik/qgrid
cd qgrid
python setup.py install
pip install qgrid2-1.1.3-py3-none-any.whl
cd ..

At this point, it worked for me with:

Python 3.9
JupyterLab 3.2.1
ipywidgets 7.6.5

Note: I did not require Node JS to get this working, just the commands above made it work as I prebuilt the extension.

Old Pre Late-October 2021 Quantopian Qgrid README:

.. image:: https://media.quantopian.com/logos/open_source/qgrid-logo-03.png :target: https://qgrid.readthedocs.io :width: 190px :align: center :alt: qgrid

===== qgrid

Qgrid is a Jupyter notebook widget which uses SlickGrid <https://github.com/mleibman/SlickGrid>_ to render pandas DataFrames within a Jupyter notebook. This allows you to explore your DataFrames with intuitive scrolling, sorting, and filtering controls, as well as edit your DataFrames by double clicking cells.

Qgrid was developed for use in Quantopian's hosted research environment <https://www.quantopian.com/posts/qgrid-now-available-in-research-an-interactive-grid-for-sorting-and-filtering-dataframes?utm_source=github&utm_medium=web&utm_campaign=qgrid-repo>_ and is available for use in that environment as of June 2018. Quantopian also offers a fully managed service for professionals <https://factset.quantopian.com>_ that includes Qgrid, Zipline, Alphalens, Pyfolio, FactSet data, and more.

Announcements: Qgrid Webinar

Qgrid author Tim Shawver recently did a live webinar about Qgrid, and the recording of the webinar is now available on YouTube <https://www.youtube.com/watch?v=AsJJpgwIX0Q>_.

This talk will be interesting both for people that are new to Qgrid, as well as longtime fans that are interested in learning more about the project.

Demo

Click the badge below to try out the latest beta of qgrid in Quantopian's hosted research environment. If you're already signed into Quantopian you'll be brought directly to the demo notebook. Otherwise you'll be prompted to register (it's free):

.. image:: https://img.shields.io/badge/launch-quantopian-red.svg?colorB=d33015 :target: https://www.quantopian.com/clone_notebook?id=5b2baee1b3d6870048620188&utm_source=github&utm_medium=web&utm_campaign=qgrid-repo | Click the badge below to try out qgrid using binder:

.. image:: https://beta.mybinder.org/badge.svg :target: https://mybinder.org/v2/gh/quantopian/qgrid-notebooks/master?filepath=index.ipynb | Click the following badge to try out qgrid in Jupyterlab, also using binder:

.. image:: https://mybinder.org/badge.svg :target: https://mybinder.org/v2/gh/quantopian/qgrid-notebooks/master?urlpath=lab | For both binder links, you'll see a brief loading screen while a server is being created for you in the cloud. This shouldn't take more than a minute, and usually completes in under 10 seconds.

The binder demos generally will be using the most recent stable release of qgrid, so features that were added in a recent beta version may not be available in those demos.

For people who would rather not go to another page to try out qgrid for real, here's the tldr; version:

    .. figure:: docs/images/filtering_demo.gif
     :align: left
     :target: docs/images/filtering_demo.gif
     :width: 200px

      A brief demo showing filtering, editing, and the `get_changed_df()` method

API Documentation

API documentation is hosted on readthedocs <http://qgrid.readthedocs.io/en/latest/>_.

Installation

Installing with pip::

pip install qgrid jupyter nbextension enable --py --sys-prefix qgrid

only required if you have not enabled the ipywidgets nbextension yet

jupyter nbextension enable --py --sys-prefix widgetsnbextension

Installing with conda::

only required if you have not added conda-forge to your channels yet

conda config --add channels conda-forge

conda install qgrid

Jupyterlab Installation

First, go through the normal installation steps above as you normally would when using qgrid in the notebook. If you haven't already install jupyterlab and enabled ipywidgets, do that first with the following lines::

pip install jupyterlab jupyter labextension install @jupyter-widgets/jupyterlab-manager

Install the qgrid-jupyterlab extension and enable::

jupyter labextension install qgrid2

At this point if you run jupyter lab normally with the 'jupyter lab' command, you should be able to use qgrid in notebooks as you normally would.

Please Note: Jupyterlab support has been tested with jupyterlab 0.30.5 and jupyterlab-manager 0.31.3, so if you're having trouble, try installing those versions. Feel free to file an issue if you find that qgrid isn't working with a newer version of either dependency.

What's New

Column-specific options (as of 1.1.0): Thanks to a significant PR from the community <https://github.com/quantopian/qgrid/pull/191>_, Qgrid users now have the ability to set a number of options on a per column basis. This allows you to do things like explicitly specify which column should be sortable, editable, etc. For example, if you wanted to prevent editing on all columns except for a column named 'A', you could do the following::

col_opts = { 'editable': False }
col_defs = { 'A': { 'editable': True } }
qgrid.show_grid(df, column_options=col_opts, column_definitions=col_defs)

See the updated show_grid <https://qgrid.readthedocs.io/en/v1.1.0/#qgrid.show_grid>_ documentation for more information.

Disable editing on a per-row basis (as of 1.1.0): This feature can be thought of as the first row-specific option that qgrid supports. In particular it allows a user to specify, using python code, whether or not a particular row should be editable. For example, to make it so only rows in the grid where the 'status' column is set to 'active' are editable, you might use the following code::

def can_edit_row(row):
    return row['status'] == 'active'

qgrid.show_grid(df, row_edit_callback=can_edit_row)

New API methods for dynamically updating an existing qgrid widget (as of 1.1.0): Adds the following new methods, which can be used to update the state of an existing Qgrid widget without having to call show_grid to completely rebuild the widget:

- `edit_cell <https://qgrid.readthedocs.io/en/latest/#qgrid.QgridWidget.edit_cell>`_
- `change_selection <https://qgrid.readthedocs.io/en/latest/#qgrid.QgridWidget.change_selection>`_
- `toggle_editable <https://qgrid.readthedocs.io/en/latest/#qgrid.QgridWidget.toggle_editable>`_
- `change_grid_option <https://qgrid.readthedocs.io/en/latest/#qgrid.QgridWidget.change_grid_option>`_ (experimental)

Improved MultiIndex Support (as of 1.0.6-beta.6): Qgrid now displays multi-indexed DataFrames with some of the index cells merged for readability, as is normally done when viewing DataFrames as a static html table. The following image shows qgrid displaying a multi-indexed DataFrame that was returned from Quantopian's Pipeline API <https://www.quantopian.com/tutorials/pipeline?utm_source=github&utm_medium=web&utm_campaign=qgrid-repo>_:

.. figure:: https://s3.amazonaws.com/quantopian-forums/pipeline_with_qgrid.png :align: left :target: https://s3.amazonaws.com/quantopian-forums/pipeline_with_qgrid.png :width: 100px

Dependencies

Qgrid runs on Python 2 or 3 <https://www.python.org/downloads/>. You'll also need pip <https://pypi.python.org/pypi/pip> for the installation steps below.

Qgrid depends on the following three Python packages:

`Jupyter notebook <https://github.com/jupyter/notebook>`_
  This is the interactive Python environment in which qgrid runs.

`ipywidgets <https://github.com/ipython/ipywidgets>`_
  In order for Jupyter notebooks to be able to run widgets, you have to also install this ipywidgets package.
  It's maintained by the Jupyter organization, the same people who created Jupyter notebook.

`Pandas <http://pandas.pydata.org/>`_
  A powerful data analysis / manipulation library for Python.  Qgrid requires that the data to be rendered as an
  interactive grid be provided in the form of a pandas DataFrame.

These are listed in requirements.txt <https://github.com/quantopian/qgrid/blob/master/requirements.txt>_ and will be automatically installed (if necessary) when qgrid is installed via pip.

Compatibility

================= =========================== ============================== ============================== qgrid IPython / Jupyter notebook ipywidgets Jupyterlab ================= =========================== ============================== ============================== 0.2.0 2.x N/A N/A 0.3.x 3.x N/A

Qgrid

Install / Use

README