Создание настраиваемого углового смарт-стола

Question

немного новый здесь (и новый с угловым), поэтому легко на меня. Я пытаюсь создать симпатичную Угловое Smart-таблицу, которая имеет несколько специфических функций:

• Bootstrap Таблица
• Функция поиска
• Добавить в таблицу Характеристика
• Экспорт в электронную таблицу Pasteable Формат
• Dynamic Pie Graph на основе таблицы данных

Я могу создать простую таблицу, но у меня возникли проблемы с начальной загрузкой свинарника и добавив функции, о которых я говорил выше. Если кто-то может указать мне в правильном направлении, как это узнать, я бы очень признателен.

Answer 1

Smart-table - это плагин, который дает вам полный контроль над тем, что и как отображать. Вы можете использовать тег таблицы, если хотите, или можете выбрать представление с помощью div.

Первый позволяет взглянуть на plunker с помощью смарт-таблицы: http://plnkr.co/edit/Idbc1JNHKylHuX6mNwZ6?p=preview

<table st-set-filter="customFilter" st-table="displayed" class="table table-bordered table-striped"> 

Здесь вы можете увидеть index.html, отображающее с помощью начальной загрузки таблицы. Также вы можете увидеть базовую функцию поиска (имя и фамилию), которая встроена, и несколько сложных фильтров, которые позволяют выполнять поиск по более продвинутым правилам, чем просто текстовый поиск.

Когда нужно добавить в таблицу, добавьте кнопку внизу, чтобы добавить строку, и используйте, возможно, модальное диалоговое окно для ввода необходимых значений. При сохранении убедитесь, что вы обновили коллекцию в контроллере, есть привязка по 2 способам, поэтому изменение коллекции будет отражено в вашем представлении.

Для экспорта и графиков повторное использование коллекции в контроллере, это не то, что является частью смарт-стола, вы должны найти различные инструменты, которые помогут вам в этом.

Пожалуйста, обратите внимание, что при получении коллекции является асинхронной операцией, вам нужно использовать директиву-й безопасной Src, посмотрите на заголовок stSafeSrc здесь: http://lorenzofox3.github.io/smart-table-website/#section-basics