react-datasheet-grid icon indicating copy to clipboard operation
react-datasheet-grid copied to clipboard

Inconsistent font with `dateColumn`

Open crnsh opened this issue 1 year ago • 0 comments

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,
    },
  ]

crnsh avatar Nov 23 '23 14:11 crnsh