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.

Sign up for GitHub

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

Jump to bottom

Table component 'firstCellIsHeader' doesn't work with 'responsive: true' #985

Open
anandamaryon1 opened this issue Jul 16, 2024 · 0 comments · May be fixed by #1174
Open

Table component 'firstCellIsHeader' doesn't work with 'responsive: true' #985

anandamaryon1 opened this issue Jul 16, 2024 · 0 comments · May be fixed by #1174
Assignees
@colinrotherham
Labels
🐛 bug Something isn't working the way it should (including incorrect wording in documentation) table

Comments

@anandamaryon1
Copy link
Collaborator

Bug Report

What is the issue?

The table option of firstCellIsHeader: true doesn't work as expected (making the first row cell a row header) when used in conjunction with responsive: true. It seems to do nothing when responsive: true is enabled, but works correctly when responsive: is set to false.

What steps are required to reproduce the issue?

Create a responsive table and set firstCellIsHeader: true.

Is there anything else you think would be useful in recreating the issue?

Responsive: true Responsive: false
image image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@colinrotherham colinrotherham

Labels
🐛 bug Something isn't working the way it should (including incorrect wording in documentation) table
Projects
Service Manual Sprint Board
Status: Needs review
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix responsive table when firstCellIsHeader is set nhsuk/nhsuk-frontend
2 participants
@colinrotherham @anandamaryon1