<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0px;
padding: 0px;
}
.nomal_table_wrap{
margin-top: 20%;
max-height: 400px;
width: 600px;
overflow:auto;
text-align: center;
}
</style>
</head>
<body>
<div class="nomal_table_wrap">
<table>
<thead>
<tr>
<th>Pvalue</th>
<th>avg_log2FC</th>
<th>PC_1</th>
<th>PC_2</th>
<th>pvalue_adjust</th>
<th>Cluster</th>
<th>Gene</th>
</tr>
</thead>
<tbody>
<tr style="">
<td>0.0</td>
<td>1.0440443913178</td>
<td>0.919</td>
<td>0.688</td>
<td>0.0</td>
<td>0</td>
<td>Ccl6</td>
</tr>
<tr style="">
<td>3.6769078919568776e-289</td>
<td>0.425226842127117</td>
<td>0.924</td>
<td>0.6809999999999999</td>
<td>7.3538157839137455e-286</td>
<td>0</td>
<td>Ifitm6</td>
</tr>
<tr style="">
<td>1.2978826219166792e-279</td>
<td>0.621879312333146</td>
<td>0.93</td>
<td>0.642</td>
<td>2.595765243833369e-276</td>
<td>0</td>
<td>Mmp9</td>
</tr>
<tr style="">
<td>9.708758725898096e-263</td>
<td>0.7025738550516939</td>
<td>0.9440000000000001</td>
<td>0.69</td>
<td>1.941751745179619e-259</td>
<td>0</td>
<td>Hp</td>
</tr>
<tr style="">
<td>1.3321264919333692e-213</td>
<td>0.36503651446095203</td>
<td>0.772</td>
<td>0.534</td>
<td>2.6642529838667285e-210</td>
<td>0</td>
<td>Ly6g</td>
</tr>
<tr style="">
<td>1.1899389853453497e-160</td>
<td>0.44984695722058504</td>
<td>0.6</td>
<td>0.392</td>
<td>2.379877970690689e-157</td>
<td>0</td>
<td>Tnfaip6</td>
</tr>
<tr style="">
<td>2.0442629031150496e-141</td>
<td>0.361024169105155</td>
<td>0.968</td>
<td>0.7390000000000001</td>
<td>4.0885258062300996e-138</td>
<td>0</td>
<td>Pglyrp1</td>
</tr>
<tr style="">
<td>9.029976209358908e-132</td>
<td>0.874864750429788</td>
<td>0.588</td>
<td>0.40700000000000003</td>
<td>1.8059952418717797e-128</td>
<td>0</td>
<td>2010005H15Rik</td>
</tr>
<tr style="">
<td>2.908606449302709e-129</td>
<td>1.1538669448128798</td>
<td>0.813</td>
<td>0.7120000000000001</td>
<td>5.817212898605418e-126</td>
<td>0</td>
<td>Cxcl3</td>
</tr>
<tr style="">
<td>3.2702945292170992e-124</td>
<td>1.17055205604369</td>
<td>0.723</td>
<td>0.5660000000000001</td>
<td>6.540589058434208e-121</td>
<td>0</td>
<td>Gm5483</td>
</tr>
<tr style="">
<td>3.423654043287389e-114</td>
<td>0.782310170841121</td>
<td>0.556</td>
<td>0.376</td>
<td>6.84730808657479e-111</td>
<td>0</td>
<td>Csf3</td>
</tr>
<tr style="">
<td>7.701484507342318e-94</td>
<td>0.59063513184087</td>
<td>0.821</td>
<td>0.665</td>
<td>1.5402969014684598e-90</td>
<td>0</td>
<td>Il1a</td>
</tr>
<tr style="">
<td>4.5048697806101595e-90</td>
<td>0.29202088725208597</td>
<td>0.893</td>
<td>0.8009999999999999</td>
<td>9.009739561220318e-87</td>
<td>0</td>
<td>Ctsd</td>
</tr>
<tr style="">
<td>1.2299309120103197e-86</td>
<td>0.36780280857721</td>
<td>0.526</td>
<td>0.41200000000000003</td>
<td>2.4598618240206392e-83</td>
<td>0</td>
<td>Ereg</td>
</tr>
<tr style="">
<td>3.200747163318089e-84</td>
<td>0.43500581037004604</td>
<td>0.614</td>
<td>0.505</td>
<td>6.401494326636189e-81</td>
<td>0</td>
<td>Stfa2</td>
</tr>
</tbody>
</tbale>
</div>
<script>
var dv = document.getElementsByClassName("nomal_table_wrap")[0];
dv.children[0].children[0].style.backgroundColor = "#ddd";
dv.children[0].children[0].style.transform = 'translateY(-3px)';
dv.onscroll = function(){
var ofs = dv.scrollTop-3;
dv.children[0].children[0].style.transform = 'translateY(' + ofs +'px)';
}
</script>
</body>
</html>
|
