Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ensure appropriate width of table columns #4207

Merged
merged 28 commits into from
Aug 14, 2019

Conversation

MichaelBuessemeyer
Copy link
Contributor

@MichaelBuessemeyer MichaelBuessemeyer commented Jul 26, 2019

This PR sets a fixed width to all columns of the exploration and dataset table. Thereby fixes followup of issue #4106.

URL of deployed dev instance (used for testing):

Steps to test:

  • Open the dataset table and resize your window. In fullscreen, the whole table should be visible without a scrolling bar at the bottom of the page. Making the window smaller, the scrollbar should appear and all columns should still have a reasonable width.

  • Same goes for the explorative annotations table. Please check both of them :)

  • Compared to the current version the difference can clearly be seen in the active and public column of the dataset table.

  • Please also check if you think the fixed width of each column is appropriate or should be changed.

Issues:


MichaelBuessemeyer and others added 19 commits June 17, 2019 18:33
making the dataset name clickable to view is in progress
@MichaelBuessemeyer MichaelBuessemeyer self-assigned this Jul 26, 2019
@MichaelBuessemeyer MichaelBuessemeyer changed the title Make tables scrollable Ensure appropriate width of table columns Jul 26, 2019
@MichaelBuessemeyer MichaelBuessemeyer marked this pull request as ready for review July 29, 2019 14:59
Copy link
Member

@philippotto philippotto left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice! Could you also add the following CSS rule?

.ant-table-column-title {
    word-break: normal;
}

This ensures that the column headers don't break into single letters per line when the window is very narrow. The remaining behavior should still work as expected, as far as I see.

@MichaelBuessemeyer MichaelBuessemeyer merged commit abcf7f3 into master Aug 14, 2019
@philippotto philippotto deleted the make-tables-scrollable branch June 14, 2022 11:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Ensure that antd tables are not too wide
3 participants