急问怎样才jsp中的表格中固定前两列呢？？下面是我的源代码，我想让no列和姓名列固定

<% 
List pmwHRPreViewReportList = (List)request.getAttribute("pmwHRPreViewReportList"); 
DecimalFormat df1 = new DecimalFormat("##.00%");
%>
<% if(pmwHRPreViewReportList != null){ %>
<table width="800"  border="0" class="tableborder">
        <tr>
          <td  width="800"  class="thheader" colspan="33">人力资源预示信息汇总 </td>
        </tr>
         <tr>
          <td class ="thbg">NO.</td>
          <td class ="thbg" >姓名</td>
          <td class ="thbg" >1日</td>
          <td class ="thbg" >2日</td>
          <td class ="thbg" >3日</td>
          <td class ="thbg" >4日</td>
          <td class ="thbg" >5日</td>
          <td class ="thbg" >6日</td>
          <td class ="thbg" >7日</td>
          <td class ="thbg" >8日</td>
          <td class ="thbg" >9日</td>
          <td class ="thbg" >10日</td>
          <td class ="thbg" >11日</td>
          <td class ="thbg" >12日</td>
          <td class ="thbg" >13日</td>
          <td class ="thbg" >14日</td>
          <td class ="thbg" >15日</td>
          <td class ="thbg" >16日</td>
          <td class ="thbg" >17日</td>
          <td class ="thbg" >18日</td>
          <td class ="thbg" >19日</td>
          <td class ="thbg" >20日</td>
          <td class ="thbg" >21日</td>
          <td class ="thbg" >22日</td>
          <td class ="thbg" >23日</td>
          <td class ="thbg" >24日</td>
          <td class ="thbg" >25日</td>
          <td class ="thbg" >26日</td>
          <td class ="thbg" >27日</td>
          <td class ="thbg" >28日</td>
          <td class ="thbg" >29日</td>
          <td class ="thbg" >30日</td>
          <td class ="thbg" >31日</td>
        </tr>
         <%  for(int i=0;i<pmwHRPreViewReportList.size();i++){
          PMW_HRPreViewReportVO temp = (PMW_HRPreViewReportVO)pmwHRPreViewReportList.get(i);
         %>
        <tr>
         
          <td  class="tdbgwhitel" width="3%"><%=i+1%></td>
          <td  class="tdbgwhitel" ><%=temp.getCGRXM()%></td> 
          <%for(int j=1;j<=31;j++) { if(temp.getNTaskRate()[j] ==0 ){%>
          <td  class="tdbgwhitel" > </td> 
          <%}else{ %>
           <td  class="tdbgwhitel" ><%=df1.format(temp.getNTaskRate()[j])%></td> 
          <% }
          }%>
        </tr>
        <%}
          
         }%>
      </table> 
</FORM>
</td>
<td width="6" class="blank">&nbsp;</td>
</tr>
</table>
<script type='text/javascript' src="../javascript/bot.js"></script></body>
</html>

解决方案 »

  1.   

    要是宽度的话加上width就行了<td class ="thbg" width="80">NO.</td>
    <td class ="thbg" width="80">姓名</td>
      

  2.   

    我是想在查看的时候前两列 不随着滚动条动   剩下的部分用滚动条来查看 我没弄过jsp也不懂 是个实习生 上司让我弄这个…………实在是不知道怎么办…………
      

  3.   

    楼主在玩table的嵌套？
    代码没帖全。
      

  4.   

    弄两个table，左边那个固定，右边那个滚动。
      

  5.   

    能给一下代码么？？我完全是个外行……
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ page import="com.bhr.bpps.error.ErrorObj"%> 
    <%@ page import="com.bhr.bpps.util.HSUtil"%> 
    <%@ page import="com.bhr.bpps.bean.GroupInfo"%> 
    <%@ page import="com.bhr.bpps.bean.PMW_HRPreViewReportVO"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><%@page import="java.util.*"%>
    <%@page import="java.text.SimpleDateFormat"%><%@page import="java.text.DecimalFormat"%><html>
    <link rel="stylesheet" href="../css/MSMS.css">
    <link rel="stylesheet" href="../css/dhtmlxcombo.css">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>PMW综合查询管理系统</title>
    </head>
    <SCRIPT LANGUAGE="JavaScript1.2" SRC="../javascript/DOCMenu.js"></SCRIPT>
    <SCRIPT LANGUAGE="JavaScript1.2" SRC="../javascript/menu.js"></SCRIPT>
    <script type='text/javascript' src="../javascript/Banner.js"></script>
    <script type='text/javascript' src="../javascript/dhtmlxcombo.js"></script>
    <script type='text/javascript' src="../javascript/datetimepicker.js"></script>
    <script>window.dhx_globalImgPath="../images/";</script>
    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="menubg">&nbsp;</td>
      </tr>
      <tr>
        <td class="currentpage"><a href="../Login/index.jsp">主页面 </a>  >> PMW项目管理 >> 人力资源预示 </td>
      </tr>
    </table>
    <table width="800" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="6" class="blank">&nbsp;</td>
    <td class="rightbg">
    <FORM NAME="form" METHOD="post" ACTION="SelHRPreViewInfoServlet">
    <table width="600" class="tableborder">
    <tr>
    <td colspan="2" class="thheader">人力资源信息查询</td>
    </tr>

                 <TR>
              <td width="40%"   class ="tdbgr" >查询年月</td>
              <td class="tdbgl"> 
              <%if(request.getParameter("groupInfoSelect") != null){%>
              <INPUT TYPE="text" NAME="VYM" size="20" maxlength="4" value= "<%=request.getParameter("VYM") %>" >
              <%}else{ %>
              <INPUT TYPE="text" NAME="VYM" size="20" maxlength="4" value= "1109" >
              <%} %>
              </td>
            </TR>
             
    <tr>
    <TD width="19%" class ="tdbgr">统计分组</TD>
    <TD width="31%" class ="tdbgl">
        <SELECT ID="groupInfoSelect" NAME="groupInfoSelect" >
           <% List<GroupInfo> groupInfoList = HSUtil.getGroupInfoList(); %>
           <% for(int i=0;i<groupInfoList.size();i++) {
            GroupInfo temp = groupInfoList.get(i);
            %>
            <%if(request.getParameter("groupInfoSelect") != null && request.getParameter("groupInfoSelect").toString().equalsIgnoreCase(temp.getVGROUPCODE())) 
            {%>
    <option value="<%=temp.getVGROUPCODE() %>" selected="selected"><%=temp.getVGROUPNAME() %></option>
    <%}else{ %>
    <option value="<%=temp.getVGROUPCODE() %>" ><%=temp.getVGROUPNAME() %></option>
    <%} %>
    <%} %>
         
    </SELECT>
    <A href="../BIReport/MaintainStatGroup.jsp" >维护统计分组？</A>
    </TD>
    </tr> 
    <tr>
    <td width="31%" class ="tdbgr">
    <input type="submit" name ="btnSubmit" value="查询" align="middle"> 
                    </td>
                    <td width="31%" class ="tdbgr">
     
                    </td>
    </tr>
    </table>
     
     
    <% 
    List pmwHRPreViewReportList = (List)request.getAttribute("pmwHRPreViewReportList"); 
    DecimalFormat df1 = new DecimalFormat("##.00%");
    %>
    <% if(pmwHRPreViewReportList != null){ %>
    <table width="800"  border="0" class="tableborder">
            <tr>
              <td  width="800"  class="thheader" colspan="33">人力资源预示信息汇总 </td>
            </tr>
             <tr>
              <td class ="thbg">NO.</td>
              <td class ="thbg" >姓名</td>
              <td class ="thbg" >1日</td>
              <td class ="thbg" >2日</td>
              <td class ="thbg" >3日</td>
              <td class ="thbg" >4日</td>
              <td class ="thbg" >5日</td>
              <td class ="thbg" >6日</td>
              <td class ="thbg" >7日</td>
              <td class ="thbg" >8日</td>
              <td class ="thbg" >9日</td>
              <td class ="thbg" >10日</td>
              <td class ="thbg" >11日</td>
              <td class ="thbg" >12日</td>
              <td class ="thbg" >13日</td>
              <td class ="thbg" >14日</td>
              <td class ="thbg" >15日</td>
              <td class ="thbg" >16日</td>
              <td class ="thbg" >17日</td>
              <td class ="thbg" >18日</td>
              <td class ="thbg" >19日</td>
              <td class ="thbg" >20日</td>
              <td class ="thbg" >21日</td>
              <td class ="thbg" >22日</td>
              <td class ="thbg" >23日</td>
              <td class ="thbg" >24日</td>
              <td class ="thbg" >25日</td>
              <td class ="thbg" >26日</td>
              <td class ="thbg" >27日</td>
              <td class ="thbg" >28日</td>
              <td class ="thbg" >29日</td>
              <td class ="thbg" >30日</td>
              <td class ="thbg" >31日</td>
            </tr>
             <%  for(int i=0;i<pmwHRPreViewReportList.size();i++){
              PMW_HRPreViewReportVO temp = (PMW_HRPreViewReportVO)pmwHRPreViewReportList.get(i);
             %>
            <tr>
             
              <td  class="tdbgwhitel" width="3%"><%=i+1%></td>
              <td  class="tdbgwhitel" ><%=temp.getCGRXM()%></td> 
              <%for(int j=1;j<=31;j++) { if(temp.getNTaskRate()[j] ==0 ){%>
              <td  class="tdbgwhitel" > </td> 
              <%}else{ %>
               <td  class="tdbgwhitel" ><%=df1.format(temp.getNTaskRate()[j])%></td> 
              <% }
              }%>
            </tr>
            <%}
              
             }%>
          </table> 
    </FORM>
    </td>
    <td width="6" class="blank">&nbsp;</td>
    </tr>
    </table>
    <script type='text/javascript' src="../javascript/bot.js"></script></body>
    </html>
    这是全部的从查询到表格代码 我也不知道从哪到哪是表格的部分……
      

  6.   

    帮你实现了,但是不是很好看
    <body>
        <table border="1" width="200">
         <tr>
         <td width="100">NO.</td>
         <td width="100">姓名</td>
         </tr>
         <tr>
         <td width="100">0</td>
         <td width="100">楼主</td>
         </tr>
         <tr>
         <td width="100">1</td>
         <td width="100">楼主</td>
         </tr>
        </table>
        <div style="overflow:auto;width:800px;position:absolute;top:16px;left:210">
    <table border="1" width="1000">
    <tr>
    <td width="20%">其他</td>
    <td width="20%">其他</td>
    <td width="20%">其他</td>
    <td width="20%">其他</td>
    <td width="20%">其他</td>
    </tr>
    <tr>
    <td width="20%">无信息</td>
    <td width="20%">无信息</td>
    <td width="20%">无信息</td>
    <td width="20%">无信息</td>
    <td width="20%">无信息</td>
    </tr>
    <tr>
    <td width="20%">无信息</td>
    <td width="20%">无信息</td>
    <td width="20%">无信息</td>
    <td width="20%">无信息</td>
    <td width="20%">无信息</td>
    </tr>
    </table>
    </div>
      </body>
      

  7.   

    还行的嘛。
    left:210px
    就不会叠起来了。
      

  8.   

    我就纳闷了,你学化学的领导让你整jsp,真汗...下午有空了帮你弄
      

  9.   

    <body>
    <table width="100%" border="1" cellspacing="0" cellpadding="0">
    <tr>
    <td class="menubg">
    &nbsp;
    </td>
    </tr>
    <tr>
    <td class="currentpage">
    <a href="../Login/index.jsp">主页面 </a> >> PMW项目管理 >> 人力资源预示
    </td>
    </tr>
    </table>
    <table width="800" border="1" cellspacing="0" cellpadding="0">
    <tr>
    <td width="6" class="blank">
    &nbsp;
    </td>
    <td class="rightbg">
    <FORM NAME="form" METHOD="post" ACTION="SelHRPreViewInfoServlet">
    <table width="600" class="tableborder">
    <tr>
    <td colspan="2" class="thheader">
    人力资源信息查询
    </td>
    </tr> <TR>
    <td width="40%" class="tdbgr">
    查询年月
    </td>
    <td class="tdbgl">
    <INPUT TYPE="text" NAME="VYM" size="20" maxlength="4" value="1109">
    </td>
    </TR> <tr>
    <TD width="19%" class="tdbgr">
    统计分组
    </TD>
    <TD width="31%" class="tdbgl">
    <SELECT ID="groupInfoSelect" NAME="groupInfoSelect">
    <option>---</option>
    </SELECT>
    <A href="../BIReport/MaintainStatGroup.jsp">维护统计分组？</A>
    </TD>
    </tr>
    <tr>
    <td width="31%" class="tdbgr">
    <input type="submit" name="btnSubmit" value="查询" align="middle">
    </td>
    <td width="31%" class="tdbgr"> </td>
    </tr>
    </table>

    <table width="180" border="1" cellspacing="0" cellpadding="0" class="tableborder">
    <tr>
    <td colspan="2">&nbsp;</td>
    </tr>
    <tr>
    <td class="thbg">NO.</td>
    <td class="thbg">姓名</td>
    </tr>
    <tr>
    <td colspan="2">内容</td>
    </tr>
    </table>

    <div style="overflow:auto;width:600px;position:absolute;top:168px;left:200">
    <table width="1200" border="1" cellspacing="0" cellpadding="0" class="tableborder">
    <tr>
    <td width="600" class="thheader" colspan="33">
    人力资源预示信息汇总
    </td>
    </tr>
    <tr>
    </td>
    <td class="thbg">
    1日
    </td>
    <td class="thbg">
    2日
    </td>
    <td class="thbg">
    3日
    </td>
    <td class="thbg">
    4日
    </td>
    <td class="thbg">
    5日
    </td>
    <td class="thbg">
    6日
    </td>
    <td class="thbg">
    7日
    </td>
    <td class="thbg">
    8日
    </td>
    <td class="thbg">
    9日
    </td>
    <td class="thbg">
    10日
    </td>
    <td class="thbg">
    11日
    </td>
    <td class="thbg">
    12日
    </td>
    <td class="thbg">
    13日
    </td>
    <td class="thbg">
    14日
    </td>
    <td class="thbg">
    15日
    </td>
    <td class="thbg">
    16日
    </td>
    <td class="thbg">
    17日
    </td>
    <td class="thbg">
    18日
    </td>
    <td class="thbg">
    19日
    </td>
    <td class="thbg">
    20日
    </td>
    <td class="thbg">
    21日
    </td>
    <td class="thbg">
    22日
    </td>
    <td class="thbg">
    23日
    </td>
    <td class="thbg">
    24日
    </td>
    <td class="thbg">
    25日
    </td>
    <td class="thbg">
    26日
    </td>
    <td class="thbg">
    27日
    </td>
    <td class="thbg">
    28日
    </td>
    <td class="thbg">
    29日
    </td>
    <td class="thbg">
    30日
    </td>
    <td class="thbg">
    31日
    </td>
    </tr> <tr>
    <td colspan="31">内容</td>
    </tr>
    </table>
    </div>
    </FORM>
    </td>
    <td width="6" class="blank">
    &nbsp;
    </td>
    </tr>
    </table>
    <script type='text/javascript' src="../javascript/bot.js"></script> </body>