mdsort | move messages from one maildir

I have a md-table showing some records and a paginator below. I want to show a fab button on the table (the table of content would run under it).

What I tried? I tried check inside the tags , but looks like everything under md-table is scrapped out and the table rows are then rendered by the material2 Table component .

Is there a clean(without using a lot of CSS, while using only classes) solution for it? If not what is the CSS based solution?

I have been developing an application with Angular 2 and it has admittedly been a struggle doing so as a new developer. I've managed quite a bit so far but I do need some assistance. I'm including a plunkr that I'm using for reference to get a Material Table with pagination, filter and sort, but this example, as well as all of the other examples on material.angular.io show an example with a database that's essentially hardcoded/generated in the component class. I have a service that calls the api for an SQL query and I'd like to populate the table in the example with that, however my attempts so far have been miserable failures and I think I've overwhelmed myself in the process.

By request I can post my component code, but I fear that I've gutted/revised it beyond the point of any use. But until then below is the plunkr with what I want to implement, and the service class I'd like to use to populate the data table in place of the plunkr's database and data source.

Please let me know if you can help, you'd be saving me a huge headache.

https://plnkr.co/edit/EU3BBlViWpPf2NJW4PXx?p=preview

My service

I'm trying to combine two Observables and emit an event based on the result of one or both.

I am currently trying to implement a table from the Angular Material Library.

I need to include pagination & sorting, so I followed the provided example "Table with sorting" & "Table with pagination".

The difference I have is that get my data from a REST endpoint using the HttpClient that Angular provides.

This is the current code (simplified):

Service:

I am working with Angular Material Table. I want to sort the items with mdSort, but when i start the App the table says that the view child of mdsort is undefined. What is the misatke?

My code is the same as in the example here: material.angular.io

here is the error log:

I'm using an md-table in an Angular 4 app since I'm using Material for other parts of the UI formatting. When I use a regular table with basically no CSS, the columns auto-format to fit the widest td element. With md-table, the columns are all set to the same width divided into the total table width, except for cells that are too wide and then it extends the cell and pushes the other cells in that row to the right. My regular table:

I write table using angular 4 and material design and I want to bind data from service to table. My service is using http to getting data from server and therfore returns Promise or Observable. How can I assign result of Observable or Promise method to variable dataChange of type BehaviorSubject<> ?