md-data-table
See original GitHub issueHi.
What do you think about adding a component for Data Table? It could be pretty useful on admin app.
Features:
- apply material design recommandations about header, row and cells
- activation of checkbox on each row and a master checkbox to rule them all. The idea is to allow multiple selection and fired action on change
- tooltip on header label
- auto truncate of header label
The idea is to be as transparent as possible. Integrator don’t have to learn a new way to build data table, so it could be something like this :
<md-data-table [selectable]="true" (onSelectableAll)="logEvent($event)" (onSelectableChange)="logEvent($event)">
<thead>
<tr>
<th class="md-data-table-cell-non-numeric">Material</th>
<th>Quantity</th>
<th truncateAt="20">Unit price</th>
</tr>
</thead>
<tbody>
<tr *ngFor="#material of materials" [selectableValue]="material.id">
<td class="md-data-table-cell-non-numeric">{{ material.name }}</td>
<td>{{ material.quantity }}</td>
<td>{{ material.price }}</td>
</tr>
</tbody>
</md-data-table>
I’ve already worked on the first steps for this feature in another repo (I have an idea of revamp about using more observable but it’s still a WIP)
Issue Analytics
- State:
- Created 7 years ago
- Reactions:39
- Comments:24 (4 by maintainers)
Top Results From Across the Web
DataTables - KivyMD 1.1.1 documentation
Data tables display sets of data across rows and columns. ... This is because the index list is needed to allow MDDataTable to...
Read more >mdDataTable/README.md at master - GitHub
Angular material table. Complete implementation of google material design based on angular material components. This component is optimized for speed, ...
Read more >Finding the row a user selects in a KivyMD MDDataTable
The MDDataTable is setup to display a row of data with each column being its own button. The button text is the data...
Read more >MDDataTable, Search Bar or dynamically filter - Stack Overflow
My question is that I'm using an MDDataTable to query a lot of data, and without a dynamic "search bar" or at least...
Read more >KivyMD DataTables – Python Kivy GUI Tutorial #53
In this video I'll show you how to use the KivyMD MDDataTable for Kivy and Python. Tables with Kivy are a little tricky,...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi it’s me. The end of 2016. Any news?
@pantonis we don’t “need” anything, if you’re viewing this you’re probably a developer and with that said you can/could or even probably should implement your own data table component for use. I’ll take whatever this incredible Dev team will provide us: buttons, inputs because it is all high quality… oh and FREE!