Introduction

Dash JSON Grid is a Dash component library.

Dash porting version of the react project React JSON Grid. 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

A simple live demo of React JSON Grid

warning

Note that the following demo is purely written by React JSON Grid. Dash JSON Grid is just a wrapper of it, so users can expect that Dash JSON Grid has the same performance. However, the following demo may not totally reflect the current Dash JSON Grid version you are viewing because it is built with @redheadphone/react-json-grid@0.9.2 which may not match the dependency of an older version of Dash JSON Grid.

Search:

Is selection highlighted:

platformName	E-Shop
location	Global
established	2023
dailyActiveUsers	50
totalUsers	1200
lastUpdated	2024-10-05
supportEmail	support@eshop.com
active	true
featuredYears	[-]featuredYears [3] 1 2017 2 2019 3 2021
admin	[-]admin {} name Sarah Williams adminSince 2023-05-06 role Chief Operating Officer contact null permissions [-]permissions {} canManageUsers true canManageOrders true canEditContent false canAccessFinancials true
users	[-]users [4] isActive age email name gender orders 1 true 28 alice.johnson@example.com Alice Johnson female [-]orders [1] orderId date totalAmount items 1 ORD1001 2023-09-10 250.75 [+]items [2] 2 false 35 bob.smith@example.com Bob Smith male [-]orders [1] orderId date totalAmount items 1 ORD2001 2023-09-20 75.5 [+]items [2] 3 true 30 undefined Claire Brown female [-]orders [0] 4 true 40 david.jones@example.com David Jones male [-]orders [0]

Selected:

Acknowledgements

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

Related materials

Changelog:

Changelog

License of this project:

MIT License

Guidelines for the contributions:

Contributing

Contributor covenant code of conduct:

Code of conduct

Security policy:

Security