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 header is center aligned instead of right aligned #407

Closed
lindsve opened this issue Jul 2, 2020 · 1 comment · Fixed by #415
Closed

Table header is center aligned instead of right aligned #407

lindsve opened this issue Jul 2, 2020 · 1 comment · Fixed by #415
Assignees
@pomfrida
Labels
🐛 bug Something isn't working

Comments

@lindsve
Copy link

lindsve commented Jul 2, 2020

Describe the bug

I've created a table based on the documented example, but header cells seems to be center aligned instead of right aligned.

Skjermbilde 2020-07-02 kl 14 12 18

Steps to reproduce the bug

    <Table>
      <Head>
        <Row>
          <Cell as="th" scope="col" width={"240px"}>
            Wellbore
          </Cell>
          <Cell as="th" scope="col" width={"120px"}>
            DtectLoss
          </Cell>
        </Row>
      </Head>
      <Body>
        <Row>
          <Cell>NO 12/34-C-B1</Cell>
          <Cell>OK</Cell>
        </Row>
        <Row>
          <Cell>NO 12/34-C-B2</Cell>
          <Cell>OK</Cell>
        </Row>
        <Row>
          <Cell>NO 34/12-A</Cell>
          <Cell>Alarm</Cell>
        </Row>
      </Body>
    </Table>

Expected behavior
I expect that the header cells are aligned like the content cells

A clear and concise description of what you expected to happen.

Specifications

  • Version: @equinor/eds-core-react: 0.4.0,
  • Browser: Microsoft Edge 83.0.478.50
  • OS: MacOS 10.15.5
@lindsve lindsve added the 🐛 bug Something isn't working label Jul 2, 2020
@vnys
Copy link
Member

vnys commented Jul 3, 2020

Thanks for reporting this, we’ll take a look at it early next week 👍

@pomfrida pomfrida self-assigned this Jul 6, 2020
@pomfrida pomfrida linked a pull request Jul 6, 2020 that will close this issue
Bugfix - Left aligned table header text #415
Merged
@pomfrida pomfrida mentioned this issue Jul 6, 2020
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@pomfrida pomfrida

Labels
🐛 bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Bugfix - Left aligned table header text pomfrida/design-system
3 participants
@lindsve @vnys @pomfrida