md-data-table

[jelbourn]

Current status: in the initial design / prototyping phase.

[jeroenhabets]

Hi @jelbourn, @hansl, with Angular 2.0 nearing release our interest in a data-table component is waxing... Do you have an update that you could share? TIA

[entzik]

desperately waiting for this and the date picker... an update would be highly appreciated. thanks!

[s3ppo]

any news on this? :)

[droidment]

Waiting for this too...

[NomanYaqoob]

when will be the except release of data-table? thanks

[memark]

Any hint on when development might be started on this?

[mmacfadden]

We are an fairly impatient bunch aren't we (myself included)? I wonder if there is something we can do to help rather than just keep pining for updates. As it stands I think this component is still fairly far down on the priority list behind common things like menus, text areas, dialogs, etc. As you can see here:

https://github.com/angular/material2/blob/master/README.md#feature-status

I desperately want this as well. But it might be a while unless we can do something to help.

[leocaseiro]

There's a non-official angular material called ng2-material which contains a very nice md-data-table

I'm using temporary in my projects.

[md-gh]

is ng2-material compatible with the latest version of material ?

[leocaseiro]

@FatherDougal, there's a beta version that seems compatible:

yarn add --save ng2-material@beta

or

npm install --save ng2-material@beta

Update: The ng2-material@0.8.1 has been just released and it's compatible

[alsami]

They have just release a new version in the past 24hours https://github.com/justindujardin/ng2-material/blob/master/CHANGELOG.md

[FredvanRijswijk]

Any status/update on this... Think most apps want use this

[andlcool]

any update for data table? Thanks. :)

[da45]

meanwhile, I am using Twitter Bootstrap,

[bastienlemaitre]

1935 @jelbourn

[elvisbegovic]

No news here?!?

[ori-ht1]

md-data-table will be essential to a wide scope of apps. @jelbourn you must be very busy with beta.0 but can you please give us an update on the roadmap of md-data-table? It is very much appreciated.

224

Towards the end of 2016 we might have more to say on the subject.

[radoslavpetranov]

So glad data tables will find their way into material this time. I used DevExpress for data tables with Angular 1. DevExpress have created a truly outstanding product - their table is more or less an excel table in a browser in terms of data visualization. Having said that, even though the material table will most probably be significantly less powerful (at least at first) I'm so glad I no longer will have to rely on external libraries for this. Thank you ng team!

[daniyalnagori]

Any News about availability ?

[elvisbegovic]

any news here

[LucianoTulio]

Any news?

[jelbourn]

When there's an update it will be here.

[elvisbegovic]

@jelbourn awesome!hope with virtual-repeat

[yusijs]

@jelbourn is the design process open somewhere, or is that phase just internal discussions?

[jelbourn]

Just prototyping / planning at this stage.

[yusijs]

Alright, thanks. Looking forward to the result ☺

[LiPengfei19820619]

Looking forward to material2 data-table. Thanks.

[CharlBest]

@istiti I'm also very much looking forward to virtual-repeat. But we will see.

[Bosper]

Very exciting abut that,

[radoslavpetranov]

I am currently working on a simple, temporary non-material based data table that I'll use until I'm ready to migrate my project to material. I was hoping to avoid adding filtering/sorting to this widget since it's just a temporary thing but apparently that's a requirement I won't be able to skip so I'm updating my backend right now to handle more complex data requests.

In terms of design, have you guys already decided on what the data requests would look like? For example if I were to filter the table by a dateCol >= 12/12/2014 and firstName contains "Kev" OR country = "USA", sort all of this by col1 asc and col 2 desc and get the second page of the results, do you already have an idea in what form would this information be provided by the data table? In case you are reusing an existing concept/format could you share what would that be so we could read up on it a little?

Thanks in advance!

[fshchudlo]

@radoslavpetranov if material design is not important for you, you can use right-angled library instead of implementing your own data table. This is pretty functional and stable library.

[radoslavpetranov]

Thanks for the suggestion @fshchudlo! I already have the table implemented and I'm just looking to add sorting and filtering which is not that big a deal. Since I will be switching the whole app to material in a month or 2 I was hoping to just see if there's any information available on what the data API would look like so that I'll have to change my backend as little as possible when switching to material.

Thanks again though!

[radoslavpetranov]

And just to clarify what I mean, this is what that particular data request from my previous post would look like from a DevExpress data table for example

{
    "filter":
    [ 
        [ 
            [ "dateCol", ">=", "12/12/2014" ],
            "and",
            [ "firstName", "contains", "Kev" ] 
        ], 

        "or",

        [ "country", "eq", "USA" ]
    ],

    "sort" :
    [ 
        { getter: "col1", desc: false },
        { getter: "col2", desc: true }
    ],

    "pageSize" : 20,

    "page" : 2
}

[DanPride]

Is there any super rough estimate on eta for data table? Are we talking weeks, months or a quarter or two away ? Is there a recommended alternative in the meantime like a custom flexbox or something else ?

[benjamincharity]

While I wait for this datatable, I have used http://www.primefaces.org/primeng/#/datatable in a few places (we tried several different datatables; most were too buggy for production). I just copied some material CSS to skin it for the time being.

[vijayrajaram]

@benjamincharity watch out. PrimeNG Data Table has serious memory leak issues. More details here https://github.com/primefaces/primeng/issues/1780

Like you said, most data tables are buggy. I'm hoping md-data-table would come soon to rescue us all :)

[benjamincharity]

@vijayrajaram oof... thanks for pointing that out!

[amccubbin]

for another option that incorporates material: https://teradata.github.io/covalent/#/components/data-table

[jefersonestevo]

@jelbourn and @andrewseguin, while waiting for this datatable, I've developed one for my own usecases (based on material design datatable spec Material Design DataTable) and made it available on:

https://github.com/jefersonestevo/angular-smd

Running demo: Preview

The datatable is fully based on @angular/material2 components (including theming). I don't know if it's the way you're prototyping the datatable here, but it may help with some ideas.

If you need something to help just let me know :)

[Dunky13]

@jefersonestevo a running demo would be nice

[jefersonestevo]

@Dunky13 as soon as I have some time I'll try to create a plnkr with a running demo. Meanwhile, there is a demo inside the project itself. You can run it by cloning the project, npm install and npm start: link

[dahaupt]

@jefersonestevo The demo looks really nice, good work there. 🙂

[Dunky13]

@jefersonestevo I saw that, but I don't always want to clone a whole project just to see how it looks. A demo would be preferable there.

[jefersonestevo]

@Dunky13 I've updated the original post with a link to a running demo

[thekalinga]

@jefersonestevo Is it possible for you to contribute to covalent?

They too are working on the same problem to make new components compatible with material.

If you are developing exactly the same thing what others are also developing, all contributors would be putting too much energy creating independent flavors of the same components & going to thru their own bug cycles without much gain for the community.

Thanks for your contribution in anycase

[sbrez]

Hi guys! Any idea how long for material to get the data-table out? Thanks

[elvisbegovic]

456374856970786854578990 years

cc @sbrez

[ghost]

Hi guys! Is the datatable have Export function，export data to excl or csv! Thanks

[benb7760]

Should this be added to the 'Next Milestone' project. I can see that duplicate #3172 was added before it was closed