question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hi.

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:closed
  • Created 7 years ago
  • Reactions:39
  • Comments:24 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
hindmarchcommented, Dec 5, 2016

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

Hi it’s me. The end of 2016. Any news?

3reactions
zahlprishcommented, May 30, 2016

@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!

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found