Dash JSON Grid

Banner

Dash JSON Grid is a Dash component library.

Dash porting version of the react project React JSON Grid :link:. Provide structured and nested grid table view of complicated JSON objects/arrays.

The following two figures compare the demos of the original React version and the ported Dash version. Since this project is just a dash component wrapper on the original React component, the performance is the same.

React JSON Grid	Dash JSON Grid

1. Install

Intall the latest released version of this package by using the PyPI source:

python -m pip install dash-json-grid

Or use the following commands to install the developing version from the GitHub Source when you have already installed Git :hammer:, NodeJS :hammer:, and Yarn :hammer::

git clone https://github.com/cainmagi/dash-json-grid
cd dash-json-grid
python -m pip install -r requirements-dev.txt
yarn install
yarn build
python -m pip install .

2. Usages

The following codes provide a minimal example of using this component:

import dash
import dash_json_grid as djg


app = dash.Dash("demo")
app.layout = djg.DashJsonGrid(
    data={
        "id": "0001",
        "type": "donut",
        "name": "Cake",
        "ppu": 1111.55,
        "batters": {
            "batter": [
                {"id": "1001", "type": "Regular"},
                {"id": "1002", "type": "Chocolate"},
                {"id": "1003", "type": "Blueberry"},
                {"id": "1004", "type": "Devil's Food"},
            ]
        },
        "topping": [
            {"id": "5001", "type": "None"},
            {"id": "5002", "type": "Glazed"},
            {"id": "5005", "type": "Sugar"},
            {"id": "5007", "type": "Powdered Sugar"},
            {"id": "5006", "type": "Chocolate with Sprinkles"},
            {"id": "5003", "type": "Chocolate"},
            {"id": "5004", "type": "Maple"},
        ],
    }
)

if __name__ == "__main__":
    app.run()

3. Documentation

Check the documentation to find more details about the examples and APIs.

https://cainmagi.github.io/dash-json-grid/

4. Contributing

See CONTRIBUTING.md :book:

5. Changelog

See Changelog.md :book:

6. Acknowledgements

RedHeadphone/react-json-grid :link:: The original React component implementation of this project.
jsongrid.com :link:: Grid design and styles.
kevincobain2000/json-to-html-table :link:: React Component and project structure

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

dash_json_grid-0.5.0.tar.gz (362.6 kB view details)

Uploaded Nov 28, 2024 Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

The dropdown lists show the available interpreters, ABIs, and platforms. Enable javascript to be able to filter the list of wheel files.

dash_json_grid-0.5.0-py3-none-any.whl (58.1 kB view details)

Uploaded Nov 28, 2024 Python 3

File details

Details for the file dash_json_grid-0.5.0.tar.gz.

File metadata

Download URL: dash_json_grid-0.5.0.tar.gz
Upload date: Nov 28, 2024
Size: 362.6 kB
Tags: Source
Uploaded using Trusted Publishing? Yes
Uploaded via: twine/5.1.1 CPython/3.12.7

File hashes

Hashes for dash_json_grid-0.5.0.tar.gz
Algorithm	Hash digest
SHA256	`3a849e9befb0390913263bf0486e2674a35d0f24cac8e99fb16cb111958130ff`
MD5	`f5945c4f5ed22639bc6686767d02e4e0`
BLAKE2b-256	`c5814ff4728b6059f0d4dadfb3cded04e2fc3825b1183aecabe43d69e7692085`

See more details on using hashes here.

Provenance

The following attestation bundles were made for dash_json_grid-0.5.0.tar.gz:

Publisher: python-publish.yml on cainmagi/dash-json-grid

Attestations: Values shown here reflect the state when the release was signed and may no longer be current.

Statement:
- Statement type: https://in-toto.io/Statement/v1
- Predicate type: https://docs.pypi.org/attestations/publish/v1
- Subject name: dash_json_grid-0.5.0.tar.gz
- Subject digest: 3a849e9befb0390913263bf0486e2674a35d0f24cac8e99fb16cb111958130ff
- Sigstore transparency entry: 152159707
- Sigstore integration time: Nov 28, 2024
Source repository:
- Permalink: cainmagi/dash-json-grid@4c1543a59fc06f351c77452cf20fc47c63382237
- Branch / Tag: refs/tags/v0.5.0
- Owner: https://github.com/cainmagi
- Access: public
Publication detail:
- Token Issuer: https://token.actions.githubusercontent.com
- Runner Environment: github-hosted
- Publication workflow: python-publish.yml@4c1543a59fc06f351c77452cf20fc47c63382237
- Trigger Event: release