Описание тега mat-table
Угловой материал - мат-стол
0
ответов
Данные формы внутри ngbPopover внутри таблицы mat
Я положил ngpopover с формой внутри списка таблицы матов. Мне нужно получить имя текстового поля формы на submit.Here мой код <ng-container matColumnDef="avgBid"> <th mat-header-cell *matHeaderCellDef mat-sort-header style="text-align: cent…
28 ноя '18 в 12:20
0
ответов
Angular / Mat Table - Как создать пользовательскую таблицу матов для переноса компонентов таблицы
Я хочу создать свой собственный компонент таблицы, чтобы добавить столбец флажка и действия вокруг набора ng-контейнера для столбцов. пример <my-table> <ng-container matColumnDef="someCol">...</ng-container> </my-table> Польз…
10 янв '19 в 17:08
0
ответов
Как получить экземпляр одноэлементной службы, которая находится в работающем модуле для функции справки для этого модуля?
Я делаю многоязычное приложение. Я использую пакет ngx-translate, все шло очень хорошо, потому что модуль ngx-translate предоставляет мне 2 варианта перевода, он предоставляет мне сервис перевода для перевода текстовых строк внутри component.ts и ди…
10 янв '19 в 22:32
2
ответа
Фильтрация таблицы данных углового материала по mat-select
У меня есть коврик с сортировкой, фильтрацией и разбиением на страницы. Теперь я ищу способ фильтрации matTableDataSource с помощью mat-select. Это мой код Stackblitz Может кто-нибудь помочь мне с этим?
10 фев '19 в 13:00
2
ответа
matSort не работает с несколькими таблицами mat
У меня есть страница с 2 мат-таблицами, заполненными из 2 источников данных. Сортировка не работает для меня. Пожалуйста, порекомендуйте. Вот ссылка на стек Файл TS export class TableSortingExample implements OnInit { displayedColumns: string[] = ['…
10 янв '19 в 18:47
1
ответ
Angular 6 MatPaginator не отображает параметр mat для таблицы и не устанавливает стиль для следующей кнопки и кнопки возврата
Я хотел бы, чтобы ваша помощь определить причину, по которой опция выбора не отображается в угловых 6 мат-страницах. И как установить стиль для кнопки "Назад" и "Следующая кнопка". Я пытаюсь следовать примеру ниже: https://stackblitz.com/angular/anv…
05 ноя '18 в 14:48
2
ответа
Как поставить кнопку на мат-стол в Angular
Я хочу поместить кнопку удаления или значок угловой корзины в mat-table в угловых. Как я могу этого достичь? Код моего рабочего стола: <mat-table #table [dataSource]="ELEMENT_DATA"> <ng-container cdkColumnDef="position"> <mat-header-c…
04 дек '18 в 16:05
1
ответ
Установите таблицу матов, чтобы использовать оставшееся место на экране с полосой прокрутки
У меня есть приложение, составленное по этой вертикальной структуре: панель навигации, раздел поиска и таблица с результатами. Каждый из этих элементов дерева занимает необходимое пространство без использования фиксированных размеров. Более того, в …
07 дек '18 в 10:48
2
ответа
Цвет фона таблицы мат на горизонтальной прокрутке
С помощью mat-table в моем приложении angular 6 я не могу установить цвет фона для mat-header-row а также mat-row правильно на горизонтальной прокрутке. Свойство CSS применяется только к видимой части экрана, после прокрутки вправо цвет не назначает…
17 дек '18 в 09:35
0
ответов
При использовании ngFor paginator и сортировка угловых материалов не работают с несколькими таблицами.
Я пытаюсь показать несколько таблиц данных в одном компоненте. Я получаю данные по порядку из моего API и добавляю их в массив dataSource. Если я вложил таблицу в ng для этого зацикленного мысленного массива dataSource, я не смогу использовать сорти…
26 дек '18 в 12:04
1
ответ
mat-table - Как обновить ширину столбца
У меня есть три столбца в мат-таблице. Первый столбец номер, третий столбец дата, а второй столбец содержит большую строку. Я хочу, чтобы первый столбец был 15px, третий столбец - 100px, а средний столбец остальной ширины. В процентах 5%, 85% 10%. К…
27 дек '18 в 16:40
0
ответов
Угловой материал расширяется по одному ряду за раз и закрывает все остальные открытые ряды
Привет, у меня есть столик с опцией развернуть свернуть. Я использовал именно ссылку ниже для моей справки. https://stackblitz.com/edit/angular-material2-expandable-rows-filter-pagination-sorting Теперь проблема в том, что мне нужно свернуть все пре…
30 янв '19 в 05:43
1
ответ
Как я могу использовать "data-label" в mat-table, если я использую *ngFor и директивы?
Итак, у меня проблема с использованием метки данных в моей таблице mat. У меня есть таблица с большим количеством столбцов с данными, и я хочу, чтобы она была адаптивной. Я Google, как я могу сделать это и обнаружил, что я могу использовать атрибут …
31 янв '19 в 15:59
1
ответ
Как показать пустое сообщение в динамической таблице угловых данных
Я пытаюсь показать пустое сообщение об ошибке, когда фильтр не соответствует: <div *ngIf="dataSource.length === 0">No data</div> но это не работает, потому что я строю динамическую таблицу с MatTableDataSource. Для лучшего понимания я из…
10 фев '19 в 23:40
0
ответов
Динамический фильтр таблицы матов, переменная дочернего компонента инициализируется числом столбцов вместо одного
У меня есть таблица соответствия, где я пытаюсь применить динамический фильтр, где таблица соответствия находится в родительском компоненте, а раскрывающийся список фильтра находится в дочернем компоненте (app-filter-template). <ng-container matC…
14 фев '19 в 07:59
2
ответа
Angular получить данные из Service.component в MAT-таблицы
Я создал сервис в своем приложении Angular. tournament.service.ts: import { Injectable } from '@angular/core'; @Injectable({ providedIn: 'root' }) export class TournamentsService { constructor() {} getTurnaments() { return [{ date: 1288323623006, cl…
24 фев '19 в 21:47
0
ответов
Угловая таблица: как заставить обновление столбца на основе условий после изменения условия
Я работаю с компонентом таблицы, в котором строки можно пометить / пометить как избранные, щелкнув значок звездочки в выделенном столбце: <table mat-table [dataSource]="dataSource" matSort multiTemplateDataRows cellpadding="10"> ... <ng-con…
27 фев '19 в 14:34
1
ответ
Сортировка с использованием mat-таблицы для вложенных свойств
У меня есть следующая таблица <table mat-table [dataSource]="dataSource" matSort class="mat-elevation"> <!-- Name Column --> <ng-container matColumnDef="employee.name"> <th mat-header-cell *matHeaderCellDef mat-sort-header> N…
12 дек '18 в 14:08
0
ответов
Таблица угловых материалов Firefox Mat Row Событие Click с щелчком кнопки в ячейке Mat
Я хочу использовать матовую таблицу угловых материалов с кликабельными строками, а также колонку кнопок в браузере Firefox. Когда я впервые добавил кнопку, событие не было запущено (только событие строки). Я читал некоторые темы об этой проблеме: An…
07 янв '19 в 20:52
0
ответов
Пользовательская таблица данных материала - проблема с внешним фильтром
Я использую Angular Material и Angular 7. У меня есть пользовательский компонент таблицы данных по умолчанию, который я использую, поэтому мне не нужно переписывать весь код в каждой реализации таблицы. Он работал довольно хорошо, пока я не решил ре…
28 фев '19 в 20:26