Таблица KendoUI + AngularJS

Я пытаюсь реализовать общий виджет таблицы (, используя KendoUI ), с привязкой данных, выполненной с помощью AngularJS. Виджет таблицы будет выглядеть примерно так в файле HTML (скрипка здесь:http://jsfiddle.net/mihaichiritescu/ULN36/35/):

По сути, таблица будет иметь повтор ng -, который будет повторяться в списке объектов, и для каждого объекта, используя «gridviewcolumn», я добавляю ячейки под каждой строкой. Таким образом, я пытаюсь воспроизвести структуру таблицы KendoUI, которая выглядит примерно так:

​​
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Итак, используя повтор ng -, для каждого объекта я буду динамически добавлять новую строку, а для каждого столбца я добавляю новую ячейку в последнюю добавленную строку. К сожалению, я не могу манипулировать директивой ng -repeat таким образом, чтобы правильно воспроизвести внутреннюю структуру представления сетки KendoUI. В итоге я получаю внутреннюю структуру таблицы, выглядящую так:

name1
21
name2
25
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Я хотел бы как-то поместить содержимое директивы ng -repeat в тело таблицы, а не над ней. Кто-нибудь знает, как это сделать?
Я мог бы использовать jquery для размещения содержимого в ячейках, но мне все равно пришлось бы удалять/скрывать директивы ng -repeat и их содержимое над телом таблицы, что я не знаю, как сделать без некоторых уродливых хаков.
Кроме того, я не обязательно привязан к KendoUI gridview, но он выглядит лучше, чем другие, и, вероятно, имеет схожую внутреннюю структуру с другими табличными виджетами, поэтому я столкнулся бы с той же проблемой и с другими виджетами.
Ребята, у вас есть идеи/советы о том, как реализовать общую таблицу с помощью AngularJS? Я искал некоторые таблицы, сделанные с помощью AngularJS,но я не нашел что-то, что имело бы хороший функционал и внешний вид.

9
задан Brian Tompsett - 汤莱恩 19 June 2017 в 16:31
поделиться