Column doesn't set column type according to data type

[chuckn0rris]

Forum post

Filters do not work right for integer fields.

Testcase:

// Model class
class GroupModel extends Model {
  static get $name(): string {
    return 'GroupModel'
  }

  static get fields(): Partial<DataFieldConfig>[] {
    return [
      { name: 'teamId', type: 'int', dataSource: 'team_id' },
      { name: 'numPlayers', type: 'number', readOnly: true, persist: false },
    ]
  }
}

// Grid columns
const columns: Partial<ColumnConfig>[] = [
  {
    text: 'Groups',
    field: 'title',
    flex: 1,
  },
  {
    text: 'Team ID',
    field: 'teamId',
    width: 100,
    align: 'right',
  },
  {
    text: '#',
    field: 'numPlayers',
    width: 20,
    align: 'right',
  },
]

See result:
rendered good

Team ID header filter - OK

Team ID cell menu - NOT OK:
a. You can only apply "Equal" filter
b. Once you apply equal from cell menu, there is no value in header filter

_# header filter is OK

_# cell menu - OK: it has < > = filters and the value matches the header filter

The issue with filter can be worked around with filterType column config. For example:

const columns: Partial<ColumnConfig>[] = [
  ....
  {
    text: 'Team ID',
    field: 'teamId',
    width: 100,
    align: 'right',
    filterType: 'number', // This is the fix for int data field
  },
  ...
]

Team ID cell filter works