|
|
<!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'>ALK_183</a></td><td>Acute leukemia</td><td>Acute leukemia</td></tr><tr><td><a href='0001.html'>ALK_185</a></td><td>Acute leukemia</td><td>Acute leukemia</td></tr><tr><td><a href='0002.html'>ALK_187</a></td><td>Acute leukemia</td><td>Acute leukemia</td></tr><tr><td><a href='0003.html'>ALK_188</a></td><td>Acute leukemia</td><td>Acute leukemia</td></tr><tr><td><a href='0004.html'>ALK_190</a></td><td>Acute leukemia</td><td>Acute leukemia</td></tr><tr><td><a href='0005.html'>LYM_226</a></td><td>Lymphoma</td><td>Lymphoma</td></tr><tr><td><a href='0006.html'>LYM_227</a></td><td>Lymphoma</td><td>Lymphoma</td></tr><tr><td><a href='0007.html'>LYM_234</a></td><td>Lymphoma</td><td>Lymphoma</td></tr><tr><td><a href='0008.html'>LYM_237</a></td><td>Lymphoma</td><td>Lymphoma</td></tr><tr><td><a href='0009.html'>LYM_238</a></td><td>Lymphoma</td><td>Lymphoma</td></tr><tr><td><a href='0010.html'>MDP_100</a></td><td>MDS / MPN</td><td>MDS / MPN</td></tr><tr><td><a href='0011.html'>MDP_101</a></td><td>MDS / MPN</td><td>MDS / MPN</td></tr><tr><td><a href='0012.html'>MDP_103</a></td><td>MDS / MPN</td><td>MDS / MPN</td></tr><tr><td><a href='0013.html'>MDP_105</a></td><td>MDS / MPN</td><td>MDS / MPN</td></tr><tr><td><a href='0014.html'>MDP_107</a></td><td>MDS / MPN</td><td>MDS / MPN</td></tr><tr><td><a href='0015.html'>MDS_155</a></td><td>MDS</td><td>MDS</td></tr><tr><td><a href='0016.html'>MDS_156</a></td><td>MDS</td><td>MDS</td></tr><tr><td><a href='0017.html'>MDS_157</a></td><td>MDS</td><td>MDS</td></tr><tr><td><a href='0018.html'>MDS_159</a></td><td>MDS</td><td>MDS</td></tr><tr><td><a href='0019.html'>MDS_160</a></td><td>MDS</td><td>MDS</td></tr><tr><td><a href='0020.html'>MPN_191</a></td><td>MPN</td><td>MPN</td></tr><tr><td><a href='0021.html'>MPN_192</a></td><td>MPN</td><td>MPN</td></tr><tr><td><a href='0022.html'>MPN_193</a></td><td>MPN</td><td>MPN</td></tr><tr><td><a href='0023.html'>MPN_194</a></td><td>MPN</td><td>MPN</td></tr><tr><td><a href='0024.html'>MPN_195</a></td><td>MPN</td><td>MPN</td></tr><tr><td><a href='0025.html'>PCN_225</a></td><td>Plasma cell neoplasm</td><td>Plasma cell neoplasm</td></tr><tr><td><a href='0026.html'>PCN_227</a></td><td>Plasma cell neoplasm</td><td>Plasma cell neoplasm</td></tr><tr><td><a href='0027.html'>PCN_229</a></td><td>Plasma cell neoplasm</td><td>Plasma cell neoplasm</td></tr><tr><td><a href='0028.html'>PCN_231</a></td><td>Plasma cell neoplasm</td><td>Plasma cell neoplasm</td></tr><tr><td><a href='0029.html'>PCN_232</a></td><td>Plasma cell neoplasm</td><td>Plasma cell neoplasm</td></tr><tr><td><a href='0030.html'>RCH_172</a></td><td>Reactive changes</td><td>Reactive changes</td></tr><tr><td><a href='0031.html'>RCH_173</a></td><td>Reactive changes</td><td>Reactive changes</td></tr><tr><td><a href='0032.html'>RCH_180</a></td><td>Reactive changes</td><td>Reactive changes</td></tr><tr><td><a href='0033.html'>RCH_182</a></td><td>Reactive changes</td><td>Reactive changes</td></tr><tr><td><a href='0034.html'>RCH_184</a></td><td>Reactive changes</td><td>Reactive changes</td></tr><tr><td><a href='0035.html'>SCD_396</a></td><td>Healthy cohort</td><td>Healthy cohort</td></tr><tr><td><a href='0036.html'>SCD_397</a></td><td>Healthy cohort</td><td>Healthy cohort</td></tr><tr><td><a href='0037.html'>SCD_398</a></td><td>Healthy cohort</td><td>Healthy cohort</td></tr><tr><td><a href='0038.html'>SCD_399</a></td><td>Healthy cohort</td><td>Healthy cohort</td></tr><tr><td><a href='0039.html'>SCD_400</a></td><td>Healthy cohort</td><td>Healthy cohort</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> |
