script for filtering

$(document).ready(function() {
    var tableBody = $('#table-body');

    // Generate 100 rows of random data
    for (var i = 0; i < 100; i++) {
      var name = generateRandomName();
      var age = Math.floor(Math.random() * 50) + 20; // Random age between 20 and 69
      var country = generateRandomCountry();

      var row = $('<tr>');
      row.append('<td>' + name + '</td>');
      row.append('<td>' + age + '</td>');
      row.append('<td>' + country + '</td>');

      tableBody.append(row);
    }

    // Highlight row on hover
    tableBody.on('mouseenter', 'tr', function() {
      $(this).addClass('highlight');
    }).on('mouseleave', 'tr', function() {
      $(this).removeClass('highlight');
    });

    // Alert cell content on click
    tableBody.on('click', 'td', function() {
      var cellContent = $(this).text();
      alert('Cell content: ' + cellContent);
    });

    // Search functionality
    $('#search-input').on('keyup', function() {
      var searchText = $(this).val().toLowerCase();

      tableBody.find('tr').each(function() {
        var nameText = $(this).find('td:first').text().toLowerCase();
        if (nameText.includes(searchText)) {
          $(this).show();
        } else {
          $(this).hide();
        }
      });
    });

    // Alphabetical filtering
    $('#filter-alphabet').on('change', function() {
      var selectedLetter = $(this).val().toLowerCase();

      tableBody.find('tr').each(function() {
        var nameText = $(this).find('td:first').text().toLowerCase();
        if (selectedLetter === 'all' || nameText.startsWith(selectedLetter)) {
          $(this).show();
        } else {
          $(this).hide();
        }
      });
    });
  });

  // Function to generate a random name
  function generateRandomName() {
    var names = ['John', 'Alice', 'Bob', 'Emma', 'James', 'Olivia', 'William', 'Sophia', 'Michael', 'Emily'];
    return names[Math.floor(Math.random() * names.length)];
  }

  // Function to generate a random country
  function generateRandomCountry() {
    var countries = ['USA', 'Canada', 'UK', 'Australia', 'Germany', 'France', 'Japan', 'Brazil', 'China', 'India'];
    return countries[Math.floor(Math.random() * countries.length)];
  }