| | <!doctype html> |
| | <html> |
| | <head> |
| | <meta charset="utf-8"/> |
| | <title>Patients</title> |
| | <style> |
| | body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; margin: 24px; } |
| | table { border-collapse: collapse; width: 100%; } |
| | th, td { border-bottom: 1px solid #eee; padding: 8px 10px; text-align: left; } |
| | tr:hover { background: #fafafa; } |
| | #search { width: 100%; padding: 10px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 8px; } |
| | </style> |
| | </head> |
| | <body> |
| | <h1 style="margin:0 0 12px 0">Patients</h1> |
| | <input id="search" type="text" placeholder="Search..." onkeyup="filterTable()" /> |
| | <table id="ptable"> |
| | <thead> |
| | <tr><th>Patient</th><th>Ground truth</th><th>Predicted</th></tr> |
| | </thead> |
| | <tbody> |
| | <tr><td><a href='0000.html'>ABF</a></td><td>AML-RUNX1-RUNX1T1</td><td>Acute leukemia</td></tr><tr><td><a href='0001.html'>AEC</a></td><td>SCD</td><td>Healthy cohort</td></tr><tr><td><a href='0002.html'>ALA</a></td><td>AML-NPM1</td><td>Acute leukemia</td></tr><tr><td><a href='0003.html'>ALE</a></td><td>AML-PML-RARA</td><td>Acute leukemia</td></tr><tr><td><a href='0004.html'>AQK</a></td><td>AML-CBFB-MYH11</td><td>Acute leukemia</td></tr><tr><td><a href='0005.html'>BHG</a></td><td>AML-RUNX1-RUNX1T1</td><td>Acute leukemia</td></tr><tr><td><a href='0006.html'>BHR</a></td><td>AML-NPM1</td><td>Acute leukemia</td></tr><tr><td><a href='0007.html'>BHS</a></td><td>AML-PML-RARA</td><td>Acute leukemia</td></tr><tr><td><a href='0008.html'>BIK</a></td><td>AML-PML-RARA</td><td>Acute leukemia</td></tr><tr><td><a href='0009.html'>BJK</a></td><td>AML-CBFB-MYH11</td><td>Acute leukemia</td></tr><tr><td><a href='0010.html'>BOE</a></td><td>AML-RUNX1-RUNX1T1</td><td>Acute leukemia</td></tr><tr><td><a href='0011.html'>BSN</a></td><td>AML-CBFB-MYH11</td><td>Acute leukemia</td></tr><tr><td><a href='0012.html'>BTB</a></td><td>AML-CBFB-MYH11</td><td>Acute leukemia</td></tr><tr><td><a href='0013.html'>CCO</a></td><td>SCD</td><td>Healthy cohort</td></tr><tr><td><a href='0014.html'>CDA</a></td><td>SCD</td><td>Healthy cohort</td></tr><tr><td><a href='0015.html'>CMR</a></td><td>AML-PML-RARA</td><td>Acute leukemia</td></tr><tr><td><a href='0016.html'>CVW</a></td><td>AML-NPM1</td><td>Acute leukemia</td></tr><tr><td><a href='0017.html'>CWF</a></td><td>AML-PML-RARA</td><td>Acute leukemia</td></tr><tr><td><a href='0018.html'>CZI</a></td><td>AML-NPM1</td><td>Acute leukemia</td></tr><tr><td><a href='0019.html'>DFT</a></td><td>SCD</td><td>Healthy cohort</td></tr><tr><td><a href='0020.html'>DHA</a></td><td>AML-RUNX1-RUNX1T1</td><td>Acute leukemia</td></tr><tr><td><a href='0021.html'>DHE</a></td><td>SCD</td><td>Healthy cohort</td></tr><tr><td><a href='0022.html'>DPF</a></td><td>AML-NPM1</td><td>Acute leukemia</td></tr><tr><td><a href='0023.html'>DQV</a></td><td>AML-CBFB-MYH11</td><td>Acute leukemia</td></tr><tr><td><a href='0024.html'>FED</a></td><td>AML-RUNX1-RUNX1T1</td><td>Acute leukemia</td></tr> |
| | </tbody> |
| | </table> |
| | <script> |
| | function filterTable(){ |
| | const q = document.getElementById('search').value.toLowerCase(); |
| | const rows = document.querySelectorAll('#ptable tbody tr'); |
| | rows.forEach(tr => { |
| | const txt = tr.innerText.toLowerCase(); |
| | tr.style.display = txt.indexOf(q) !== -1 ? '' : 'none'; |
| | }); |
| | } |
| | </script> |
| | </body> |
| | </html> |
