Как повернуть строку в столбцы для этого вида scenerio?

Question

У меня есть источник данных, который возвращает данные в следующем формате:

id | subId | code | name |  col1  | col2  | col3 
1 |  1 | abc | xyz |  "Whatever" | "WhateverA" | "WhateverB" 
          |  "Whatever2" | "Whatever2A" | "Whatever2B" 

мне нужно сделать COL1 значение строки как заголовки, в то время как col2 и col3 значение как подграфы под col1 для соответствующих строк, как:

id | subId | code | name |  "Whatever"   |  "Whatever2"   |   
1 |  1 | abc | xyz | col2  | col3  | col2  | col3  | 
          |"WhateverA" | "WhateverB" |"Whatever2A" | "Whatever2B" | 

Answer 1

Там нет ничего, что я не знаю, из коробки, что бы достичь this.Here это обзор высокого уровня возможного решения:

1. Fetch и кэша-т он набор данных на сервере
2. Bind данные «главная \ верхнего уровня» в виде GridView
3. Использование JQuery обрабатывать тр \ тд нажмите события, захваченные внутри GridView
4. сделать вызов AJAX на сервер -> извлечения суб данные из кэшированного набора данных -> вернуть его -> добавьте сгружен результат в GridView

Кроме того, вместо того, чтобы AJAX называть каждый раз, когда ТД щелкнул вы можете получить все данные сразу и хранить его в переменной или localStorage. Я делал это так раньше, и есть много ресурсов в Интернете с помощью шага p статьи, как достичь шага 1 - 4. Упование это дает вам идею