首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > J2EE开发 >

<table>橫向滾動+strust2,该如何处理

2012-03-11 
table橫向滾動+strust2在action 我有一個泛型的學員 stulist 裡面存儲有數據 我想在jsp頁面實現:table

<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>


<td>弥弥弥弥弥</td>
</tr>
<tr>
<td>陀陀陀陀陀</td>
</tr>
<tr>
<td>佛佛佛佛佛</td>
</tr>
</table>
</td>
</tr>
</table>
[解决办法]
这个需要写2个table,每个table嵌套在一个div中。
然后把2个div拼起来,写代码确实比较费时,lz自己先谢谢。
[解决办法]
这东西 前台的 自己 慢慢 调!!
[解决办法]
http://www.itwis.com/html/website/tag/20080425/1359.html
现成的自己看看
[解决办法]

探讨
引用:

http://www.itwis.com/html/website/tag/20080425/1359.html
现成的自己看看


我不要靜態的,靜態的我也知道, 看我的用了<s:iterator> 呀

[解决办法]
中间4项放到另一个table里吧 外面加上div style ="over-flow_x:scroll" 设置下列的宽度 

嵌套table,前台重视麻烦的。楼主多费心

热点排行