Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Table Checkbox sort #1907

Open
4 tasks
nevusK opened this issue May 20, 2023 · 3 comments
Open
4 tasks

Table Checkbox sort #1907

nevusK opened this issue May 20, 2023 · 3 comments

Comments

@nevusK
Copy link

nevusK commented May 20, 2023

I am new to HTML and github, sorry if I make a mistake in following any protocol.
It would be nice if a table could be sorted based on the checkbox column.
It would be very helpful if all checked items are dynamically shown at the top of the table.

  • Sort table based on checkbox column
  • Add toggle filter to show only checked items
  • Add vertical scrolling to table body, eg if data-rows=10, but total data is 100 rows, can it be possible to scroll all rows in same view without pagination.
  • Add placeholder text in search input box

Thank you very much for this great Metro UI!

This is my sample code, just to give you an idea how my table is configured. The items are set using script from an external source by database.setItems(values) method.

`

  <table id="meds" class="table compact striped row-border row-hover table-border mt-12"
        data-role="table"
        data-rows="6"            
        data-show-activity="false"
        data-check="true"
        data-show-rows-steps="false"
        data-show-table-info="false"
        data-table-search-title="Add medicines"
        data-show-pagination="false"
        data-search-fields="Name, Class, Company"            
        data-check-name="chkBox"
        data-on-check-click="checkClick()"
        data-search-wrapper=".my-search-wrapper"         
         >
    
  <thead>
    <tr>
        
        
        <th  >Name</th>
        <th data-show="false" >Dose</th>
        <th data-show="false" >Freq</th>
        <th data-show="false" >Instructions</th>
        <th  >Class</th>
        <th  >Company</th>           
    </tr>
  </thead>
  
  <tbody>
    <!----body---->        
  </tbody>
</table>

`

@pragyamishra56
Copy link

@nevusK If it would be possible then can you assign me to this issue I want to resolve this would be my first contribution

@nevusK
Copy link
Author

nevusK commented Feb 15, 2024

@pragyamishra56 It seems that I cannot assign this issue to you. Maybe if you tag the admin / owner of this repository @olton , they might be able to assign it to you.

@olton
Copy link
Owner

olton commented Feb 15, 2024

Hi, you can create a pull request (to dev branch) with required changes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants