Comments (4)
now wondering if I should just combine callback support with the original collapsed
prop...
from react-json-view.
@Alxandr (also relevant for @ajbdev) I added a shouldCollapse
callback method.
you now have full control over what fields are collapsed by default
here are some examples of how you can work with the shouldCollapse
callback
// collapse objects and arrays with length greater than 5
shouldCollapse={({src}) => Object.keys(src) > 5}
// collapse after depth 2
shouldCollapse={(namespace) => namespace.length > 2}
// collapse objects named "myObject"
shouldCollapse={({name}) => name == "myObject"}
// more in depth collapse logic
shouldCollapse={(field) => {
/*
you get: field.name, field.src, field.type, field.namespace
*/
...
if (...) {
return true
} else {
return false
}
}}
note: collapsed={true}
will override shouldCollapse
logic
support for shouldCollapse
was published to npm with version 1.15.1.
from react-json-view.
This is great. Thanks for this!!
from react-json-view.
i think this is a great idea. I'll tag this as "feature request".
from react-json-view.
Related Issues (20)
- Updating peer dependencies to allow for NodeJS 18 and 19 HOT 2
- src property must be a valid json object while waiting for Promise to resolve HOT 1
- how to hide the date-value when I edit
- 为什么数据展示会很乱 HOT 2
- Doesn't support React 18? HOT 15
- Adding clickable url that can redirect user HOT 1
- Long word overflow HOT 2
- API name property is deprecated and should be updated to rootName HOT 3
- Disable collapse buttons HOT 1
- NULL should be lowercased HOT 1
- why not support custom DOM, can i develop more under the code? i really need HOT 1
- onEdit icons HOT 1
- Project no longer maintained, take this one. HOT 2
- Controls present in the code section are not accessible using keyboard. HOT 2
- Yet another alternative 😁
- Keyboard focus is going on background element when navigating under 'Transform' dialog box. HOT 1
- Add Id to the section element HOT 1
- Consider accepting string formatted in JSON instead of JavaScript object for src HOT 1
- ReferenceError: document is not defined HOT 1
- need a search box
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-json-view.