Time Match Tip Odds Status
15:00 Arsenal vs Liverpool Home Win 2.10 Pending
18:30 Real Madrid vs Barca Over 2.5 1.85 Won
/* Container for responsiveness */ .table-container { width: 100%; overflow-x: auto; /* Enables horizontal swipe on mobile */ margin-top: 20px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } /* Base Table Styling */ .betting-table { width: 100%; border-collapse: collapse; min-width: 600px; /* Prevents text wrapping on tiny screens */ background: white; font-family: 'Inter', sans-serif; } .betting-table th { background-color: #f8f9fa; color: #333; text-align: left; padding: 12px 15px; border-bottom: 2px solid #eee; } .betting-table td { padding: 12px 15px; border-bottom: 1px solid #eee; color: #555; } /* Zebra Striping */ .betting-table tbody tr:nth-child(even) { background-color: #fcfcfc; } /* Status Badges */ .badge { padding: 4px 8px; border-radius: 4px; font-size: 0.85rem; font-weight: bold; } .won { background: #d4edda; color: #155724; } .pending { background: #fff3cd; color: #856404; } function filterTable(status) { const rows = document.querySelectorAll('.betting-table tbody tr'); rows.forEach(row => { const rowStatus = row.querySelector('.badge').textContent.toLowerCase(); if (status === 'all' || rowStatus === status.toLowerCase()) { row.style.display = ''; } else { row.style.display = 'none'; } }); }