Angular2, редактируемая таблица данных, ag-сетка

У меня есть требование иметь возможность отображать, сортировать, редактировать и добавлять новые строки в таблицу, которая получает/хранит свои данные в базе данных.

Я рассмотрел использование ag-grid для angular 2, и я могу отображать и сортировать без проблем. Однако я не могу найти документацию для добавления новой строки. Является ли ag-grid хорошим выбором для добавления/редактирования данных? Если да, то как вы справляетесь с добавлением новой строки?

Во-вторых, я слышал хорошие отзывы о PrimeNG, но уже использую компоненты ng2-bootstrap. Плохо ли использовать оба?


angular ag-grid ng2-bootstrap
person Francium123    schedule 23.06.2016    source источник
comment
Что бы это ни стоило, я в конечном итоге использовал компонент PrimeNg dataTable, и он работал хорошо.   -  person Francium123    schedule 27.09.2016

Ответы (2)


arrow_upward
3
arrow_downward

Ищете таблицу с несколькими функциями с минимальным кодом, просто перейдите на PrimeNg , да нет проблем, если вы используете ng2-bootstrap, а также компоненты Primeng рядом, также есть много функций, которые предоставляет Primeng, например

Сортировка, поиск, создание шаблонов, фильтрация, экспорт, редактирование и многое другое

для добавления новой строки во время выполнения просто добавьте (вставьте) новый объект в массив строк.

Посмотрите здесь

person Pardeep Jain    schedule 11.07.2016

arrow_upward
1
arrow_downward

прямо сейчас, чтобы добавить новую строку в ag-Grid, вам нужно вызвать setRowData() (или привязать новые данные к атрибуту row-data).

добавление и удаление строк в ag-Grid находится в стадии разработки и будет включено в выпуск позже в этом году.

person Niall Crosby    schedule 30.06.2016
comment
ag-Grid теперь позволяет находить объявления и удалять строки, начиная с версии 5.1. - person Niall Crosby; 14.08.2016