table tbody {
    display:block;
    height:195px;
    overflow-y:scroll;
}

table thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

table thead {
    width: calc( 100% – 1em )
}
table thead th{ background:#ccc;}
</style>
</head>

<body>
<table width=”80%” border=”1″>
<thead>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>出生年月</th>
    <th>手机号码</th>
    <th>单位</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>张三</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>阿里巴巴</td>
  </tr>
  <tr>
    <td>张三封</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>阿里巴巴与四十大盗</td>
  </tr>
  <tr>
    <td>张小三</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>腾讯科技</td>
  </tr>
  <tr>
    <td>张三</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>浏阳河就业</td>
  </tr>
  <tr>
    <td>张三疯子</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>阿里巴巴</td>
  </tr>
  <tr>
    <td>张三</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>阿里巴巴</td>
  </tr>
  <tr>
    <td>张大三</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>阿里巴巴</td>
  </tr>
  <tr>
    <td>张三五</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>阿里巴巴</td>
  </tr>
  <tr>
    <td>张刘三</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>阿里巴巴</td>
  </tr>
  <tr>
    <td>张三</td>
    <td>18</td>
    <td>1990-9-9</td>
    <td>13682299090</td>
    <td>阿里巴巴</td>
  </tr>
</tbody>

发表评论

电子邮件地址不会被公开。 必填项已用*标注