I want to have a dropdown with checkboxes in a table. I also need the select all button to select all of the checkboxes. The problem is, for example, if I have 150 products in the table, when I clicked select all, the amount of selected product is only 10, since the maximum record of the table is 10. And I can't just remove the Max Records since I need it for pagination.
How can I solve this problem?Thank you
-Hannah
Hi, you can use scroll bar in table for this, without pagination this is my opinion
Hello, can you give me documentation about scrollable table? Thank you
use this widget and you have scroll in your table for more details refere this link https://success.outsystems.com/documentation/11/building_apps/user_interface/patterns/using_mobile_and_reactive_patterns/interaction/scrollable_area/
Hello @Ram Jira,
Like Deepak mentioned, you can use a scrollable table as an option; however, this approach removes pagination since you’d be retrieving all records at once.
Another approach is to add an additional attribute to your data model for example, IsSelected. When the user clicks the “Select All” button, you can update this attribute for all records. If the user clicks the “Select All” button again, you can revert the selections by resetting this attribute. You can also include logic to reset all selections when the user navigates to another page.
While this might not be the most performance-efficient solution, it can still effectively meet your requirement.
You can achieve this functionality by maintaining the local variable to hold selected records id list.
1. Define a Local Variable
2. Handle "Select All" Functionality
3. Update Selection on Individual Row Changes
4. Sync Selection State After Data Fetch
5. Display Selection Overview
6. Add "Clear Selection" Button
Hi @Ram Jira
For select all, you are selecting the values that is fetched on the current page. But you need to select all the records in all pages. And also, if we navigate between pages the selected records will disappear.
I have implemented the select all functionality along with Export option. Please check the below oml file and let me know for any queries.