создать таблицу в ответе HTML ajax, используя имя столбца элемента jQuery?

Question

У меня есть ответ JSON, подобный этому:

data = [{
    ProteinID: "2334",
    Feature: "GVN",
    Count: 1
  },
  {
    ProteinID: "2334",
    Feature: "LPA",
    Count: 3
  },
  {
    ProteinID: "2334",
    Feature: "EEG",
    Count: 2
  },
  {
    ProteinID: "2334",
    Feature: "VEP",
    Count: 3
  },
  {
    ProteinID: "2334",
    Feature: "AEM",
    Count: 2
  },
  {
    ProteinID: "28731",
    Feature: "GVN",
    Count: 3
  },
  {
    ProteinID: "28731",
    Feature: "LPA",
    Count: 3
  },
  {
    ProteinID: "28731",
    Feature: "VEP",
    Count: 3
  },
  {
    ProteinID: "1234",
    Feature: "VEP",
    Count: 3
  },
   {
    ProteinID: "1234",
    Feature: "MOB",
    Count: 3
  }
]

Приведенные выше данные основаны на внутреннем соединении столбца Feature. Мне нужно создать таблицу в формате html, как. Я получаю данные из базы данных. поэтому столбец будет изменен

Ожидаемый результат будет выглядеть как

ProtienID GVN  LPV  EEG VEP AEM  MOB

2334       1    3   2   3   2    -
28731      3    3   -   3   -    -
1234       -    -   -   3   -    3

примечание: имя столбца будет динамически меняться