Table with two fields per column and sorting per field capability

JavaScript
1

I have difficulties in completing an emerging task. I must implement a table in which some columns must have two fields. These columns must have a sorting functionality through which the user will be able to sort the table by these selected fields. To be more accurate, see the screenshot below:

1060×38 4.71 KB

You can see that some columns contain two fields. When, the user clicks in a field, arrows must be shown and the grid will be sorted by the selected field. When the user clicks the other field (position cost for example), arrows will be shown, the field becomes bold and the grid is sorted by the selected field. Im new in javascript and i dont know how t implement this

2

UI-wise this assignment does not make sense. It implies that some of your items belong to different categories at the same time.

3

No different categories, some columns have two fields, not one. Check a more detailed UI:

857×84 7.73 KB

I want to make every field clickable. When i click in a field arrows will be shown and perform sorting functionality. Also, these capabilities must be applied to the columns which have two fields instead of one

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.