React-admin: Too many columns can not view all columns
In list view, if I define a lot columns need to be shown, if the row length overflow the right of page, some columns can not be viewed and the page also can not support horizontal scroll.
For example, I define 12 columns, however only 10 can be viewed on page, 2 of them are in right of screen and can not be viewed.
mingchen
All 12 comments
You have to configure columns by size using responsive feature :
https://github.com/marmelab/admin-on-rest/blob/master/docs/Theming.md#responsive-utility
https://github.com/marmelab/admin-on-rest/blob/master/docs/Tutorial.md#responsive-list
wadjeroudi
on 15 Mar 2017
Fixed in #57 (currently only in the next branch)
https://github.com/marmelab/admin-on-rest/pull/57/files#diff-8ff019c2b429722635e5d0ce58e2c0e2
fzaninotto
on 15 Mar 2017
It is still reproducible in the latest code.
To reproduce, open following page:
https://marmelab.com/admin-on-rest-demo/#/commands?_k=wi0hso
Then change window size to make it small in width, you will see some part of right table can not be viewed and it can not horizontal scroll.
mingchen
on 28 Mar 2017
Again, this is fixed on the next branch, not yet released.
fzaninotto
on 28 Mar 2017
We still experience this issue in the latest release. I also tested https://marmelab.com/admin-on-rest-demo/#/commands and have the same issue there. Both on iPhone Safari and Chrome but also when resizing on chrome on desktop. The horizontal scroll do not appear so I can not see columns or edit button.
1corner
on 23 Oct 2017
@fzaninotto this issue has been fixed? can you give me some link
data-server
on 7 Feb 2018
The next branch has been released. However the project is now named react-admin:
npm install [email protected].
Be sure to check the upgrade guide in the next branch too
djhi
on 7 Feb 2018
@djhi has upgraded , but the issue hasn't been fixed
data-server
on 7 Feb 2018
Re-fixed by #1497
fzaninotto
on 8 Feb 2018
@fzaninotto next branch has fixed this issue, but master isn't fixed yet.
data-server
on 26 Feb 2018
Reopening to consider the fix in master
fzaninotto
on 5 Mar 2018
Moved to marmelab/admin-on-rest#2.
fzaninotto
on 17 Apr 2018
Related issues
kdabir
路
3Comments
pixelscripter
路
3Comments
aserrallerios
路
3Comments
mbj36
路
3Comments
phacks
路
3Comments
Most helpful comment
We still experience this issue in the latest release. I also tested https://marmelab.com/admin-on-rest-demo/#/commands and have the same issue there. Both on iPhone Safari and Chrome but also when resizing on chrome on desktop. The horizontal scroll do not appear so I can not see columns or edit button.