Stack Overflow
Stack Overflow

Questions tagged [angular-material-table]

An Angular component that provides the Material Design styled data-table. For displaying tabulated data. Also, include [angular] and [angular-material] tags when posting the question.

The Material Data Table component is a generic component for displaying tabulated data.

Useful Links:

https://blog.angular-university.io/angular-material-data-table/

https://material.angular.io/cdk/table/overview

https://material.angular.io/cdk/table/api

528 questions
0
votes
1 answer

How to set default row selection on an angular material data table without using checkbox

I am new to angular & angular material. Please apologize if the question asked very trivial in nature. I have been working on an application that has a component with an angular material data table. The table has information that is fetched from a…
svijay.aug12
  • 531
  • 3
  • 13
  • 32
0
votes
1 answer

Issues with the material table updating when using paginator

I've searched and I've searched and I've searched, I can't find an answer to this. I am using Angular Firestore to fetch data (tried both snaphotChanges and valueChanges). The code works. However, if the data changes on the backend, the material…
zee
  • 435
  • 1
  • 3
  • 14
0
votes
1 answer

matTable: UI not updating after altering a datasource row

I'm trying to update my dataTable when an user has been edited. At the moment, the dataSource is updated, but changes are not visible on front part. I mean, my console.log(this.dataSource) show good datas. But on the web page it's not the…
Emilien
  • 2,701
  • 4
  • 15
  • 25
0
votes
1 answer

Angular Mat Table doesnt show all data in the row

I am trying to bind the data from static file, to a mat-table component from Angular Material. Problem. Not all data are shown in the corresponding rows, just part of it. Result Component TS import { Component, OnInit } from…
Mike Kylmä Lampi
  • 465
  • 1
  • 5
  • 15
0
votes
1 answer

How to get data in mat-cell and display in dialog form Angular 7?

I am trying to make a mat-cell clickable and display form fields inside a mat-dialog and populating those fields with the data inside the mat-cell. That is the current display that I have but I want it to be beside the mat-cell where it was…
TheGPWorx
  • 857
  • 3
  • 17
  • 37
0
votes
1 answer

Mat-pagination doesnt work with Angular 8

I have a project with pagination options. https://stackblitz.com/edit/angular-sjp8qq But mat-pagination tag´s properties arent tied up with an app logic. Can someone tell me why, please?
Mike Kylmä Lampi
  • 465
  • 1
  • 5
  • 15
0
votes
2 answers

Need to do page refresh for reflecting new changes in the UI

I am using angular6, and for showing some records i am using angular material data table. When i save or delete any customer, the changes are persisting in DB but not reflecting in the UI, i need to do page refresh for reflecting the changes. I…
mohan
  • 447
  • 4
  • 11
  • 26
0
votes
2 answers

Angular Material Table change specific row content

I have Angular 7 with Material table:
user5155835
  • 4,392
  • 4
  • 53
  • 97
0
votes
1 answer

Binding boolean column to checkbox in ngx-datatable

How can I bind a Boolean column to a checkbox in ngx-datatable? Currently I am using angular material table and use the following method : …
MHOOS
  • 5,146
  • 11
  • 39
  • 74
0
votes
1 answer

How to sort angular material table rows by property not declared in displayed Columns

Here is the code that creates my tableModel: const rowData = [{ id: '74b0d34f-1e2f-47d1-b1ea-55658d5d750f', assetId: '9ff317cd-3b75-433d-a32b-949c67b84eee', type: 'DATA_RECORDING', eventStart: '2019-05-01T00:00:00Z', …
HelloWorld
  • 2,480
  • 3
  • 28
  • 45
0
votes
1 answer

material table with stacked header

Hi I am looking to achieve following structure on material table. So far I have seen some examples but I'm not able to achieve this What I want to achieve: | | | |--------|-------| | header | value | | header | value | | header | value…
user2325727
  • 17
  • 1
  • 6
0
votes
0 answers

different datasource to single material table in angular

I want to display data in angular material table by based on submit button of selected stepper tab.I want to pass dynamic parameters to each stepper tab submit button. The datasource needs to be changed accordingly passed parameters and the table…
Rakesh Kamble
  • 1
  • 1
0
votes
1 answer

How to fix column just display one array column

I want to display the list of the data in table like image below.. but it come out like this.. below is my html code main.component.html
Shah
  • 557
  • 5
  • 15
0
votes
2 answers

How to exclude undefined and null when use filter in Angular Material Table?

please help. Is there any way I can exclude the undefined and null from filtering? So, if the cell value is null or undefined it's not being shown when the user types "null" or "undefined" in search input. Incoming table data: dataSource:…
Ivan Vilch
  • 86
  • 1
  • 4
0
votes
2 answers

Asp.net Core response to Angular Material Table

How do I populate Material Design Table data that comes from Asp.net core This is my Html code
mecocopy
  • 187
  • 1
  • 3
  • 14
1 2 3
…
35 36