Repeat Group Table Entry Filtering With Search

In this example, we will use JavaScript in our form, allowing Repeat Group Table record filtering using a search input.

image
// Inject search box
$( '.table-responsive' ).prepend( '<input type="text" id="search_input" placeholder="Search..." style="margin-bottom: 20px; width: 100%; padding: 10px;"/>' );
// Filter function
$( '#search_input' ).on( 'keyup', function() {
  // Get value
  var value = $( this ).val().toLowerCase();
  $( '.table tbody.existing_repeat_entry_panel' ).filter( function() {
    // Filter based on table data
    $( this ).toggle( $( this ).text().toLowerCase().indexOf( value ) > -1 );
  } );
} );

For any questions, please contact us - [email protected] or the Formyoula in-app chat 🙂