var basicColumnsConfig = [
  {
    field: 'id',
    type: 'number',
    width: '100px',
    minWidth: 80,
    maxaWidth: 180
  },
  {
    field: 'first_name',
    width: '4em',
  },
  {
    field: 'last_name',
    width: '4rem',

  },
  {
    field: 'email',
    width: '11%'
  },
  {
    field: 'gender',
    width: '64pt'
  },
  {
    field: 'ip_address',
    width: '-22px'
  },
  {
    field: 'address',
    width: '-px'
  },
  {
    field: 'country',
    width: '!@@@@@@@'
  },
  {
    field: 'manager'
  },
  {
    field: 'company'
  },
  {
    field: 'department'
  },
  {
    field: 'introduction'
  },
  {
    field: 'shift starts',
  },
  {
    field: 'shift ends',
  },
  {
    field: 'date of birth',
  },
  {
    field: 'date of joining',
  },
  {
    field: 'band'
  },
  {
    field: 'specializes in fauna'
  },
  {
    field: 'specializes in flora'
  },
  {
    field: 'allergic to'
  }
],
rowLayout = {
  type: 'row'
},
cardLayout = {
  type: 'card'
},
gridConfig = {
  columns: basicColumnsConfig,
  layout: rowLayout
},
gridCardConfig = {
  columns: basicColumnsConfig,
  layout: cardLayout
};