How to control the height of table and add scrollbar

vsoman1984

Hi All,

I have implemented a form for user selection which has a table as follows.

Now since the table gets populated from webservice returned values. The whole list contains 100 odd entries. And as a result i have the scroll bar on the container.My aim is to limit the height of this table created to about 10-15 rows (as shown) and have an internal scroll bar to view the entire list by scrolling up and down.

I have tried using div etc but without any success.

Here is the snippet of JSP rendering the table:

<tr>
<td colspan="2">
<TABLE   BORDER=2  height = 10 >
<%
    for ( int i = 0; i < DummyComponent.ptSummary.length; i++ ) {
        %>
  
        <TR>
      
   <% if(DummyComponent.ptSummary[i].getID()!= "") {%>
       <TD><dmf:radio id = '<%=DummyComponent.ptSummary[i].getID() %>' name = '<%=DummyComponent.ptSummary[i].getID() %>' group = 'radioForProject' onclick = 'onRadioSelected'/></TD>
    <TD><%=DummyComponent.ptSummary[i].getID() %></TD> 
    <TD><%=DummyComponent.ptSummary[i].getDescription() %></TD>
    <%} %>
        </TR>
        
        <%
    }
%>
</TABLE></td>
</tr>

Could you please guide me to reach my solution.

Thanks & Regards

Vishnu S

tablescene.bmp

Find more posts tagged with

Comments

dnvhariprasad

First of all it would be good if you use dmf:datagrid instead of using normal jsp tables concept.

If you implement dmf:datagrid, you will be having full control on the layout of the grid.

vsoman1984

Hi Hari,

Thanks for your immediate guidance.Can the datagrid be used just for the rendering purpose? i.e if i have the <dmf:datagrid> tag in my jsp with a name say "tabledisplay" and no interactions with the behaviour class through the datagrid tag. Can i still have the interactions with the backing behaviour class through he table fileds.

I tried the following:

<dmf:datagrid name="tablegrid" rendertable="true" height="10" paged = "true" pagesize="10">
<TABLE   BORDER=2>
<%
    for ( int i = 0; i < DummyComponent.ptSummary.length; i++ ) {
        %>
        <TR>
      
   <% if(DummyComponent.ptSummary[i].getID()!= "") {%>
       <TD><dmf:radio id = '<%=DummyComponent.ptSummary[i].getID() %>' name = '<%=DummyComponent.ptSummary[i].getID() %>' group = 'radioForProject' onclick = 'onRadioSelected'/></TD>
    <TD><%=DummyComponent.ptSummary[i].getID() %></TD> 
    <TD><%=DummyComponent.ptSummary[i].getDescription() %></TD>
    <%} %>
        </TR>
        
        <%
    }
%>
</TABLE>
</dmf:datagrid>

But still any chane in the datagrid attributes is not reflecting on the page.

Could you confirm whether i am going right.

Thanks

dnvhariprasad

My intention is using datagrid for rendering the ifnormation completely within the datagrid without using your html tags.

You need to build the tableresultset by invoking your custom webservice and bind the tableresultset to the datagrid.

You can search for "WDK Datagrid" in this site to find an example of using tableresultset with datagrid.

Also there is clear explanation of datagrid in the development (or tutorial) guide.