Вопросы по теме 'mat-table'

Как я могу включить кнопку, отмеченную одним флажком в таблице Mat?
Мне нужно включить кнопку отправки, если установлен одиночный флажок из тега «td», и он работает нормально, если установлен главный флажок из тега «th». Использую угловой материал. заранее спасибо. Найдите ссылку Stackblitz:...
2908 просмотров

Как я могу отобразить Нет записей, если в таблицах материалов angular нет записей
Я попробовал использовать приведенную ниже ссылку stackblitz, чтобы отобразить сообщение «Записи не найдены», когда данные таблицы отсутствуют, но проблема возникает, когда я использую источник данных типа MatTableDataSource . ссылка stackblitz:...
7528 просмотров
schedule 26.05.2023

mat-table - Как обновить ширину столбца
У меня в мат-таблице три столбца. Первый столбец - это число, третий столбец - это дата, а второй столбец содержит большую строку. Я хочу, чтобы первый столбец был 15 пикселей, третий столбец - 100 пикселей, а средний столбец - остальной ширины....
10726 просмотров
schedule 07.12.2022

Проблема сортировки с помощью matSort с данными API
Моя таблица mat работает нормально, но при добавлении mat-sort в соответствии с официальной документацией api она не работает в ngAfterViewInit со следующим сообщением ERROR TypeError: невозможно установить для свойства sort значение undefined...
1707 просмотров

Как выделить одну ячейку в мат-таблице (Angular 7)
Я использую угловые материалы mat-table для отображения данных. Что ж, когда вы нажимаете на одну ячейку, отображается поле ввода, а тег span скрывается. Но в моем случае каждая ячейка в этой строке отображает поле ввода, как вы можете видеть на...
2230 просмотров

Mat Table: -Как получить один конкретный элемент определенной строки при нажатии кнопки в Mat table angular?
Вот мой Datatable.component.html . Я хочу получить один конкретный элемент строки, скажем «электронная почта» пользователя в таблице. Как я могу это сделать? <link href="https://fonts.googleapis.com/icon?family=Material+Icons"...
2601 просмотров
schedule 27.12.2022

Angular Material mat-paginator навигация отключена
Я хотел бы использовать Angular mat-table с mat-paginator, контролирующим изменения страницы с помощью http-запроса. Итак, я получаю от своего сервера объект со следующими атрибутами: content: (10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…},...
4419 просмотров
schedule 13.07.2022

создать динамический мат-стол, похожий на математическую матрицу, с угловым материалом
У меня есть одна проблема с созданием таблицы. Мои данные структуры являются динамическими, это означает, что количество строк и столбцов является переменным, как матрица m*n . и структура доступна здесь . Я хочу показать json (above...
1243 просмотров

Возможности очистки поля ввода фильтра при нажатии кнопки с использованием Angular
во-первых, я новичок в angular и веб-разработке в целом. Кроме того, мой английский отстой, но я изо всех сил стараюсь ясно выражаться. Я получил следующий сценарий: мой инструмент представляет матовую таблицу пользователю, над которым находится...
364 просмотров
schedule 26.03.2023

липкий заголовок таблицы не работает на angular 8
Я хочу исправить заголовок таблицы mat и последний столбец в таблице, поэтому я использовал «липкий», как показано в документации по материалам angular, вот мой html-код: <mat-header-row *matHeaderRowDef="displayedColumns; sticky:...
307 просмотров
schedule 28.02.2022

Отображение объекта JSON в разных столбцах в Angular?
Скрипт для моей mat-table : <table mat-table....> ...... <ng-container matColumnDef="tag"> <th mat-header-cell *matHeaderCellDef>Tag</th> <td mat-cell *matCellDef="let...
375 просмотров
schedule 30.05.2023

Мат-таблица с пагинатором, ошибка ExpressionChangedAfterItHasBeenChecked после восстановления индекса страницы
Я был бы рад немного помочь с моей текущей ошибкой, поскольку я пытаюсь найти решение уже несколько дней. Я хочу отобразить результат поиска, в котором может быть несколько сотен элементов. Я использую mat-table с mat-paginator , чтобы избежать...
297 просмотров

FormArray с Mat-таблицей, генерирующей ExpressionChangedAfterItHasBeenCheckedError в консоли
У меня есть мат-таблица, которая будет отображать 10 календарей, и я хотел бы использовать для этого формат. в моей таблице всегда будет 10 строк, я думал использовать только с div, но с mattable это будет с меньшим количеством кода. мой код...
67 просмотров

Как динамически обрабатывать раскрывающийся список выбора с помощью таблицы матов в angular8?
Мне нужно динамически добавлять столбцы в таблицу матов, теперь я хочу добавить некоторые строки столбцов - это поля ввода, некоторые - раскрывающийся список, а один - вывод всех столбцов. И имена этих столбцов динамические. Как справиться с этими...
1610 просмотров

Угловой 9.1.0. mat-table не загружает источник данных из GET Rest Api
Я пытаюсь загрузить данные в mat-table, но когда я console.log источник данных, который я пытаюсь загрузить, он говорит, что данные не определены. Ссылка на изображение проблемы Полученный мной объект вложен. Запрос API Я следую...
971 просмотров
schedule 08.08.2022

Развернуть и свернуть строку при нажатии кнопки, которая находится в строке таблицы td in mat
<table mat-table [dataSource]="dataSource" multiTemplateDataRows matSort class="mat-elevation-z8"> <!-- Document Column --> <ng-container matColumnDef="document"> <th...
4470 просмотров
schedule 09.05.2023

mat-table как выровнять mat-header с шириной mat-cell
Я новичок в флексе и неплохо справился со своим мат-столом. К сожалению, мой заголовок не соответствует ширине моей ячейки. Вот фотография моего результата. Как видите, мой заголовок не совпадает с моей ячейкой. Вот мой код CSS. Как я...
1826 просмотров
schedule 08.03.2022

Angular Material Table: пользовательская папка сортировки и элементы файла
У меня есть разные типы элементов в моем mat-table : Файлы и папки. Они должны быть отсортированы, как в файловом менеджере Microsoft. Папки не могут быть отделены от папок, а также от файлов. Все остальные правила сортировки остаются прежними....
4363 просмотров
schedule 29.01.2024

Угловой | Обновлять таблицу каждые 5 секунд с помощью таймера
Я использую таблицу материалов на странице и хочу, чтобы источник данных таблицы обновлялся каждые 5 секунд, чтобы любое изменение значений отражалось в таблице. Вот что я сделал сейчас: everyFiveSeconds: Observable<number> = timer(0,...
1345 просмотров
schedule 24.01.2023

Угловой матовый стол из материала с проблемой залипания столбца с длинным текстом в столбце
Функциональность закрепления столбца в таблице угловых матов не работает должным образом при добавлении столбца флажка выбора строки, что дает дополнительное пространство между столбцом флажка и следующим столбцом. А также при горизонтальной...
162 просмотров