Fix table header scrolling issue in Query Analysis complexity value t…

[ranuka-laksika]

Fixes issue #3724 - UI issue while editing complexity values in the publisher portal

Issue URL: wso2/api-manager#3724

Changes Made

• Modified UpdateComplexity.jsx in Publisher portal
• Added TableContainer component with sticky header styling
• Wrapped the complexity value table with TableContainer to enable proper scrolling behavior
• Applied CSS styling to make the table header truly sticky with proper z-index and background color
• Fixed ESLint line length violations

Build Information

• Built using Java 11 and Maven 3.6.3
• Generated artifact: publisher.war
• Build command: mvn clean install -DskipTests

Artifact Replacement

• Replaced publisher folder in wso2am-4.6.0 pack
• Location: wso2am-4.6.0/repository/deployment/server/webapps/publisher

Modified wso2am-4.6.0 Pack (GitHub Actions Artifact)

The complete modified wso2am-4.6.0 pack with all updated artifacts has been uploaded as a GitHub Actions artifact.

Download Link:
🔗 Download from GitHub Actions Run

Artifact Details:

• Artifact Name: wso2am-4.6.0-issue-35.zip
• Location: Available in the GitHub Actions workflow run linked above
• How to Download:
  1. Click the GitHub Actions run link above
  2. Scroll down to the "Artifacts" section at the bottom of the page
  3. Download the artifact: wso2am-4.6.0-issue-35.zip
  4. Extract and use the modified pack directly

What's included:

• Updated publisher.war with the sticky header fix
• Complete wso2am-4.6.0 directory structure
• Ready to use without any additional build steps

Testing

• This is a frontend UI fix, so no backend testing was required
• The fix ensures that the table header remains sticky when scrolling through complexity values
• Table rows no longer slip under the header and appear above it

Technical Details

The fix addresses the issue where table entries were slipping under the table head when scrolling in the Query Analysis section (API Configurations → Runtime → Query Analysis). The solution wraps the table in a TableContainer with proper overflow handling and sticky positioning for the table header cells.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud