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

Inconsistent font with dateColumn #324

Open
crnsh opened this issue Nov 23, 2023 · 0 comments
Open

Inconsistent font with dateColumn #324

crnsh opened this issue Nov 23, 2023 · 0 comments

Comments

@crnsh
Copy link

crnsh commented Nov 23, 2023

Describe the Issue

  1. Font of dateColumn isn't consistent with the rest.

image

To Reproduce

  1. Make the following changes in example/src/App.tsx
type Row = {
  active: boolean
  firstName: string | null
  lastName: string | null
  date: Date | null
}

function App() {
  const [data, setData] = useState<Row[]>([
    { active: true, firstName: 'Elon', lastName: 'Musk', date: new Date() },
    { active: false, firstName: 'Jeff', lastName: 'Bezos', date: new Date() },
  ])

  const columns: Column<Row>[] = [
    {
      ...keyColumn<Row, 'active'>('active', checkboxColumn),
      title: 'Active',
      grow: 0.5,
    },
    {
      ...keyColumn<Row, 'firstName'>('firstName', textColumn),
      title: 'First name',
    },
    {
      ...keyColumn<Row, 'lastName'>('lastName', textColumn),
      title: 'Last name',
      grow: 2,
    },
    {
      ...keyColumn<Row, 'date'>('date', dateColumn),
      title: 'Date',
      grow: 2,
    },
  ]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant