Mars's Paradise

前言

　　我們常常透過 ASP 將資料庫中的資料，以表格方式呈現在 HTML 畫面中。但是若是表格欄位很多，或是資料過大時，往往就佔據了整個版面，從了不美觀以外，可讀性也降低了。

　　一般我們會採用 IFRAME 的方式，讓該資料具有捲軸功能，維持版面的一致性。

　　在這邊我要提供一個用 DIV 的方式，直接在版面中產生具有自動捲軸的表格，只需要依照程式，動態產生，對於程式與版面維護上，也更加的便利。

方法

<div STYLE="height:150px;width:80%;Overflow:auto;">
<TABLE WIDTH=150% border=1 bordercolor=#daa520 cellspacing="0">
  <tr>
    <td ALIGN=CENTER>科系分類</td>
    <td ALIGN=CENTER>編號</td>
    <td ALIGN=CENTER>描述</td>
  </tr>

  <tr>
    <td ALIGN=CENTER>外國語文學類</td>
    <td ALIGN=CENTER>AB03</td>
    <td ALIGN=CENTER>法國語文</td>
  </tr>

  <tr>
    <td ALIGN=CENTER>外國語文學類</td>
    <td ALIGN=CENTER>AB04</td>
    <td ALIGN=CENTER>德國語文</td>
  </tr>

  <tr>
    <td ALIGN=CENTER>外國語文學類</td>
    <td ALIGN=CENTER>AB05</td>
    <td ALIGN=CENTER>日本語文</td>
  </tr>

  <tr>
    <td ALIGN=CENTER>哲學類</td>
    <td ALIGN=CENTER>AC01</td>
    <td ALIGN=CENTER>哲學</td>
  </tr>
  <tr>
    <td ALIGN=CENTER>其他人文學類</td>
    <td ALIGN=CENTER>AD01</td>
    <td ALIGN=CENTER>翻譯</td>
  </tr>

  <tr>
    <td ALIGN=CENTER>經濟學類</td>
    <td ALIGN=CENTER>AE01</td>
    <td ALIGN=CENTER>經濟</td>
  </tr>

  <tr>
    <td ALIGN=CENTER>經濟學類</td>
    <td ALIGN=CENTER>AE02</td>
    <td ALIGN=CENTER>合作經濟</td>
  </tr>

  <tr>
    <td ALIGN=CENTER>經濟學類</td>
    <td ALIGN=CENTER>AE03</td>
    <td ALIGN=CENTER>產業經濟</td>
  </tr>

  <tr>
    <td ALIGN=CENTER>經濟學類</td>
    <td ALIGN=CENTER>AE04</td>
    <td ALIGN=CENTER>應用經濟</td>
  </tr>
</TABLE>
</div>

結果