日期:2014-05-20  浏览次数:20667 次

<table>橫向滾動+strust2
在action 我有一個泛型的學員 stulist 裡面存儲有數據 我想在jsp頁面實現:
<table>
  <tr>
  <td>姓名</td>
  <td>語文</td>
  <td>數學</td>
  <td>英語</td>
  <td>法語</td>
  <td>德語</td>
  <td>評語</td>
  </tr>
  <s:iterator value="stulist" >  
  <td>${name}</td>
  <td>${yy}</</td>
  <td>${ss}</</td>
  <td>${ee}</</td>
  <td>${ff}</</td>
  <td>${dd}</</td>
  <td>${st}</</td>
  </s:iterator>
</table>
頁面效果是想這樣的:“姓名”和“評語”固定不動,在頁面初始顯示“姓名”,"語文","數學","評語",四列,要對
"語文","數學","英語","法語","德語" 加橫向滾動條,才可以看到其他科目?? 怎麼實現呀
??




------解决方案--------------------
中间4项放到另一个table里吧 外面加上div style ="over-flow_x:scroll" 设置下列的宽度
------解决方案--------------------
楼主太有才 用js吧 动态的添加 里面3个table都写上id
通过 var tr = createElement("tr");
var td1 = createElement("td");
var td2 = createElement("td");
var td3 = createElement("td");
var td4 = createElement("td");
var td5 = createElement("td");
td1.innerText= ${yy};
td2.innerText= ${ss};
td3.innerText= ${ee};
td4.innerText= ${ff};
td5.innerText= ${dd};

tr.appendChild(td1);
.
.
.
.
其它的也这么填写

界面很不友好 很不美观

<table border="1" width="500" >
<tr>
<td width="20%" valign="top">
<table border="1" width="99%" >
<tr>
<td >姓&nbsp;名</td>
</tr>
<tr>
<td>张飞</td>
</tr>
<tr>
<td>吕布</td>
</tr>
<tr>
<td>赵云</td>
</tr>
<tr>
<td>马超</td>
</tr>
</table>
</td>
<td width="112" >
<DIV style=" OVERFLOW: scroll; WIDTH:99%;" >
<table border="1" >
<tr>
<td >語&nbsp;文</td>
<td >數&nbsp;學</td>
<td >英&nbsp;語</td>
<td >法&nbsp;語</td>
<td >德&nbsp;語</td>
</tr>
<tr>
<td>88</td>
<td>77</td>
<td>66</td>
<td>55</td>
<td>44</td>
</tr>
<tr>
<td>33</td>
<td>22</td>
<td>11</td>
<td>00</td>
<td>99</td>
</tr>
<tr>
<td>88</td>
<td>77</td>
<td>66</td>
<td>55</td>
<td>44</td>
</tr>
<tr>
<td>33</td>
<td>22</td>
<td>11</td>
<td>00</td>
<td>99</td>
</tr>
</table>
</DIV>
</td>
<td width="20%" valign="top">
<table border="1" width="99%" >
<tr>
<td >評&nbsp;語</td>
</tr>
<tr>
<td>阿阿阿阿阿</td>
</tr>
<tr>