-
Notifications
You must be signed in to change notification settings - Fork 16.3k
fix: Improve table layout and column sizing #34887
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
Conversation
- Change table layout from fixed to auto for better content fitting - Remove hardcoded column sizes to allow dynamic sizing based on content - Add max-width constraint to table cells (320px) to prevent excessive expansion - Apply background color hotfix for overflowing cells in antd tables - Retain explicit sizing only for Actions column in ChartList and Dataset column 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Review by Korbit AI
Korbit automatically attempts to detect when you fix issues in new commits.
| Category | Issue | Status |
|---|---|---|
| Inconsistent Column Width Behavior ▹ view | 🧠 Not in scope | |
| Fixed cell width may truncate important content ▹ view | 🧠 Not in standard |
Files scanned
| File Path | Reviewed |
|---|---|
| superset-frontend/packages/superset-ui-core/src/components/TableCollection/utils.tsx | ✅ |
| superset-frontend/packages/superset-ui-core/src/components/TableCollection/index.tsx | ✅ |
| superset-frontend/src/pages/DashboardList/index.tsx | ✅ |
| superset-frontend/src/pages/ChartList/index.tsx | ✅ |
Explore our documentation to understand the languages and file types we support and the files we ignore.
Check out our docs on how you can make Korbit work best for you and your team.
| hidden: column.hidden, | ||
| key: column.id, | ||
| width: column.size ? COLUMN_SIZE_MAP[column.size] : COLUMN_SIZE_MAP.md, | ||
| width: column.size ? COLUMN_SIZE_MAP[column.size] : undefined, |
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
| } | ||
| } | ||
| .ant-table-cell { | ||
| max-width: 320px; |
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
|
@sadpandajoe Processing your ephemeral environment request here. Action: up. More information on how to use or configure ephemeral environments |
|
@sadpandajoe Ephemeral environment spinning up at http://34.220.80.202:8080. Credentials are 'admin'/'admin'. Please allow several minutes for bootstrapping and startup. |
msyavuz
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
Co-authored-by: Claude <[email protected]> (cherry picked from commit 1758351)
Summary
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
Before:
After:
Test plan
🤖 Generated with Claude Code