html - how to add a scrollbar inside a table with fixed header? -

-

can me adjust scrollbar inside table fixed header? 

table a:link {  	color: #666;  	font-weight: bold;  	text-decoration:none;  }  table a:visited {  	color: #999999;  	font-weight:bold;  	text-decoration:none;  }  table a:active,  table a:hover {  	color: #bd5a35;  	text-decoration:underline;  }  table {  	font-family:arial, helvetica, sans-serif;  	color:#666;  	font-size:12px;  	text-shadow: 1px 1px 0px #fff;  	background:#eaebec;  	margin:20px;  	border:#ccc 1px solid;    	-moz-border-radius:3px;  	-webkit-border-radius:3px;  	border-radius:3px;    	-moz-box-shadow: 0 1px 2px #d1d1d1;  	-webkit-box-shadow: 0 1px 2px #d1d1d1;  	box-shadow: 0 1px 2px #d1d1d1;  }  table th {  	padding:21px 25px 22px 25px;  	border-top:1px solid #fafafa;  	border-bottom:1px solid #e0e0e0;    	background: #ededed;  	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));  	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);  }  table th:first-child {  	text-align: left;  	padding-left:20px;  }  table tr:first-child th:first-child {  	-moz-border-radius-topleft:3px;  	-webkit-border-top-left-radius:3px;  	border-top-left-radius:3px;  }  table tr:first-child th:last-child {  	-moz-border-radius-topright:3px;  	-webkit-border-top-right-radius:3px;  	border-top-right-radius:3px;  }  table tr {  	text-align: center;  	padding-left:20px;  }  table td:first-child {  	text-align: left;  	padding-left:20px;  	border-left: 0;  }  table td {  	padding:18px;  	border-top: 1px solid #ffffff;  	border-bottom:1px solid #e0e0e0;  	border-left: 1px solid #e0e0e0;    	background: #fafafa;  	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));  	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);  }  table tr.even td {  	background: #f6f6f6;  	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));  	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);  }  table tr:last-child td {  	border-bottom:0;  }  table tr:last-child td:first-child {  	-moz-border-radius-bottomleft:3px;  	-webkit-border-bottom-left-radius:3px;  	border-bottom-left-radius:3px;  }  table tr:last-child td:last-child {  	-moz-border-radius-bottomright:3px;  	-webkit-border-bottom-right-radius:3px;  	border-bottom-right-radius:3px;  }  table tr:hover td {  	background: #f2f2f2;  	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));  	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	  }
<div class="tablecontainer">    <div class="table" >      <table cellspacing='0'>        <thead>          <tr>            <th>tutor name </th>            <th>tutor nric</th>                       <th>tutor email</th>            <th>tutor qualification</th>          </tr>                  </thead>        <tbody>          <tr>            <td>jane</td>             <td>1234567</td>            <td>jane@gmail.com</td>            <td>diploma</td>          </tr>          <tr>            <td>john</td>             <td>1234567</td>            <td>jphn@gmail.com</td>            <td>diploma</td>          </tr>                    </tbody>      </table>    </div>  </div>

your tbody must have height , overflow rule activate scrollbar. meanwhile thead must positioned 

.wrap-scroll thead {     position: absolute;     left: 0;     top: 0;     width: 100%; }  .wrap-scroll {    height: 106px;    overflow-y: auto; }

see demo it


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more