Comments (5)
I think the bar is there. You can look at the demo here: #78
The problem might due to the browser you are using. I am having same issue, on firefox i can see the scroll bar but on chrome it is hidden.
Maybe other people can give more insights.
from dash-table-experiments.
You are right. It works fine in firefox or internet explorer. Chrome seems to not show a horizontal scroll bar.
from dash-table-experiments.
Possibly an upstream issue with react-data-grid and Chrome. With large data-sets the horizontal scrollbar is not available in Chrome and symptoms are very similar to #78.
Possible upstream issue:
adazzle/react-data-grid#916
Example of table in Chrome not showing horizontal scrollbar:
from dash-table-experiments.
Managed to figure out that the upstream scrolling issues are resolved in 5.0.1 in react-data-grid
. Merge commit f505d00b
, within their release-5.0.1 branch. However, I have been unsuccessful in bumping the version used in dash-table-experiments
to use either [email protected]
or [email protected]
. There appear to be some dependency issues I am unable to sort out that are causing me grief.
- I need to include
immutable
as a dev dependency, despite the transitive dependency being listed upstream. I'm not familiar with npm enough to know if it should have pulled that in automatically, despite it being listed as a devDependency upstream. - even if I include
immutable
as devDependency todash-table-experiments
, neither the demo or theusage-callable.py
examples appear to improve in Chrome. I'm not sure if we need to also bump the version of React. Currently this project uses 15.5.4, and at the time of writing this,[email protected]
uses React 16.4.2. Which, after some double checking, is odd to me because React 16.x is not officially supported, and 15.x is, however the upstream deps rely on it.
I'm not sure how to help next with providing a fix, since all the React dependencies for dash are quite complicated: this project requires dash-components-archetype (now deprecated) which relies on React 15.5.4.
I'm not a node expert, so I'm not sure if there's something I'm missing I should have tried. I would have submitted a PR, but until I can get it working there's no point.
So far I've only bothered to change dependencies:
diff --git a/package.json b/package.json
index 8555d5c..42f787d 100644
--- a/package.json
+++ b/package.json
@@ -31,14 +31,15 @@
"prop-types": "^15.5.9",
"ramda": "^0.24.1",
"react": "^15.5.4",
- "react-data-grid": "^2.0.58",
- "react-data-grid-addons": "^2.0.58",
+ "react-data-grid": "^5.0.3",
+ "react-data-grid-addons": "^5.0.3",
"react-dom": "^15.5.4",
"react-virtualized": "^9.9.0"
},
"devDependencies": {
"dash-components-archetype-dev": "^0.2.7",
"enzyme": "^2.8.2",
+ "immutable": "^3.8.2",
"react-test-renderer": "^15.5.4"
}
}
from dash-table-experiments.
Ah, so. The above patch will help fix things. I fooled around with the demo app, and made the surrounding div width 50% to really force the rendered viewport to be smaller, and the updated dependencies to react-grid-data will help with scrolling just fine. I'll provide a saner PR so we can try it.
See #97
from dash-table-experiments.
Related Issues (20)
- dash-table-experiments outputs columns of dataframe but not rows HOT 1
- Can't highlight and copy text to clipboard from the table
- Dash-table experiments not found (renderer issue) HOT 4
- dash-renderer error when loading python Dash
- Feature request: Pagination to deal with large data frames HOT 2
- How easy would it be to add an index ? (Question) HOT 1
- Conditional table formatting throws React error (Objects are not valid as a React child) HOT 2
- Single select table
- Pandas data frame has a different sort order (mac v linux)
- Edited values in data table get lost after filtering in and out HOT 1
- Add delayed response/debouncing for table filtering
- support for monetary formatting
- feature request: can I use callback to output to the editable table? HOT 1
- library not found in conda
- Clicking on Header Row of Table causes Dash to lock up/freeze
- can table filter strings based on multiple substrings?
- Text Wrapping with in a cell
- Create more table in one page
- front end filtering docs example
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 dash-table-experiments.