Scrollable table

Hello all,
I want to create a scrollable table in webdynPro/ java, Version 2004S SP:6
*Steps I Did:*
1, created a scroll container and Inserted a table....It works fine the table scrolls
Problem:
1, I want the header of the table not to scroll and I want only the rows to be scrolled
Its very ugrent and looking for you gusy help
Thanks
-Min

Hi Min,
Check this [thread |Table header always visible]if it is useful.
Regards,
Siva

Similar Messages

Hi i want scrollable table in jsp page

hi,
i want a scrollable table with 15 rows and 4 columns in my jsp page..can any one give some assistance..
regards,
sam

Hi again Sam,
What must I call u ? Dumbo ??
Here...copy-paste this and enjoy...Spoon feeding isn't a good habit...try some R&D on ur own. U'll learn alot. ENJOY !!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<center>
<font face="tahoma" size="3">
An example to create a scrollable table with 15 rows and 4 columns.
<br>
<hr>
<br>
<DIV STYLE="overflow: auto; width: 500px; height: 100;
border-left: 1px gray solid; border-bottom: 1px gray solid;
padding:0px; margin: 0px">
<TABLE border=1 cellspacing=0 cellpadding=2>
<COL WIDTH=100><COL WIDTH=100><COL WIDTH=100><COL WIDTH=200>
<tr>
          <td align="center" width=100 valign="top" nowrap>
          </td>
          <td align="center" width=150 valign="top">
          </td>
<td align="center" width=200 valign="top">
</td>
          <td align="center">
          </td>
</tr>
     <tr>
          <td align="center" width=100 valign="top" nowrap>
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
          </td>
          <td width=150 valign="top" align="center">
          </td>
<td width=200 valign="top" align="center">
</td>
          <td align="center">
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
               This is
          </td>
          <td width=150 valign="top" align="center">
Row 12 of 15
          </td>
<td width=200 valign="top" align="center">
This is the 3rd column.
</td>
          <td align="center">
               Cheers !! Sherbir.
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
               This is
          </td>
          <td width=150 valign="top" align="center">
Row 13 of 15
          </td>
<td width=200 valign="top" align="center">
This is the 3rd column.
</td>
          <td align="center">
               Cheers !! Sherbir.
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
               This is
          </td>
          <td width=150 valign="top" align="center">
Row 14 of 15
          </td>
<td width=200 valign="top" align="center">
This is the 3rd column.
</td>
          <td align="center">
               Cheers !! Sherbir.
          </td>
</tr>
<tr>
          <td width=100 valign="top" nowrap align="center">
               This is
          </td>
          <td width=150 valign="top" align="center">
Row 15 of 15
          </td>
<td width=200 valign="top" align="center">
This is the 3rd column.
</td>
          <td align="center">
               Cheers !! Sherbir.
          </td>
</tr>
</TABLE>
</div>
</center>
Cheers !!
<br>
<br>
Sherbir.
</font>
</center>
</BODY>
</HTML>

Creating scrollable table with maximum size of 10 in jsp

Hi,
How to limit the maximum rows that the user can enter in the scrollable table

What's a scrollable table?
If you mean a text area, then you can't limit how much the user can enter. You can only limit how much is displayed with the rows and cols attributes. To stop the user from entering more, you need to JavaScript to check how much has been entered. Search for scripts to do that, you'll find quite a few.
People on the forum help others voluntarily, it's not their job.
Help them help you.
Learn how to ask questions first: http://faq.javaranch.com/java/HowToAskQuestionsOnJavaRanch
(Yes I know it's on JavaRanch but I think it applies everywhere)
----------------------------------------------------------------

How to create Scrollable tables in ADF?

Hi all,
For the above I tried to use the solution as suggested by Frank Nimphus in the url *"http://thepeninsulasedge.com/frank_nimphius/2007/11/08/adf-faces-embedded-and-scrollable-tables/"*.
However my problem was not solved and I did not get any scrollable table.I followed each and every step as suggested in the blog.
Can anyone please suggest where I may be going wrong?
Thanks in advance,
Arijit

Arijit,
When I tried to start my car today, it didn't start - could you suggest what might be wrong?
Before anyone can reasonably help you, you'd probably need to say:
1). What version of JDeveloper are you using (the example on the blog is for 10.1.3.x)?
2). What actually did you get when you tried (we know you didn't get a scrollable table)?
3). Perhaps a snippet or two of the code you tried would be helpful... (you did put an ID on the af:panelLabelAndMessage and reference that ID in the CSS?)
By the way, my car's battery was dead, that's why it didn't start ;)
John

How i can create scrollable table in indesign interactive PDF?

I am trying to create dynamic table with the help of indesign script and render content on table using xml file, but when xml content is more and more then situation is that content out of doc and not show able when i export document as interactive PDFs.
I want to create scrollable table so i can render all content in table and content is visible when i export doc as interactive PDF.

If you don't get a response here, post in the InDesign Scripting forum.

Creating scrollable tables

I created a Region -> Form -> Tabular Form
My form extends beyond the regular window size available on a browser.Is it possible to make it scrollable. i.e restrict is size and show a horizontal and vertical scroll around it.
Does APEX offer any feature to set the scrollable properties or do I have to use CSS/HTML to do this.
I am more interested in knowing if APEX has any scrollable table features.
Please let me know how to go about it.

Hi Carl,
It looks awesome,all the more its generic with templates.
The link you have posted is something similar to what I would like to implement.But before I proceed to do that I would like to understand templates. I did read the Dev Guide and User Guide but havent understood it fully.
In your code you have specified #BODY# twice,why? From where is the #BODY# being picked.
<th class="header2">#BODY#</th>
<div>#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##HELP#</div>
<div class="scroller">#BODY#</div>
Can you explain how you have used template in the code to create the scrollable table, it would be good if you can explain it with reference to the UI that you have hosted.
It would benefit people like us to understand templates better.
Thanks

How do I make the headers on a sortable, scrollable table stay fixed in Firefox 4?

In firefox 3 and prior versions, we were able to make the header on a sortable, scrollable table stay fixed and not scroll out of site when we scrolled the table, by putting the table in a div, and using css to indicate that the div should use overflow:auto and overfow-x:hidden. The tbody also used overflow:auto and overflow-x: hidden. The thead used position:relative. For the sort to work correctly the thead and tbody must be contained within the same table.

A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25

Scrollable table with fixed header (tutorial? also IE9)

Hi,
Does someone know of a tutorial about scrollable tables with a fixed header. Is there one on the adobe site. I found some on the net, but those didn't work for IE9. I favour the simple solutions.
I tried one, using only a few lines of CSS and the use of the thead and tbody tags in the table, but it didn't work on IE9.
Here is an example, of what I ment:
http://rcswebsolutions.wordpress.com/2007/01/02/scrolling-html-table-with-fixed-header/
I thank those, who red this.

Thanks, that is a very cool way to divide a layout of a web-page!
Can I also use this to split up a header and table body region inside a large table you want to present compact inside a webpage?
html:
<body>
<table>
     <thead>
          <th>
          </th>
     </thead>
     <tbody>
          <td>
          </td>
     </tbody>
</table>
</body>

Scrollable table with fixed column headings problem

Dear list members,
A while ago I asked on this forum for a way to code a
scrollable table with fixed headings and I was kindly given the
HTML and CSS code to do that. Using the method I was given I coded
the following simple test case. It works under IE but under
Netscape the column headings scroll up instead of remaining fixed.
The code works fine in IE. Can anyone tell me what I'm doing wrong
or if there is a workaround.
Thanks,
Harry

The method you were given will only work in IE because only
IE understands
"expression" in CSS rules.
I'm afraid things are going to be a little more complicated
for you, but
it's not impossible.
Give this method a shot:
http://www.imaputz.com/cssStuff/bulletVersion.html
"harryspier" <[email protected]> wrote in
message
news:e53s1a$dv9$[email protected]..
> <style>
> div .headings {position:relative;
> top:expression(this.offsetParent.scrollTop);}
> </style>

Scrollable Table of Contents

I'm trying to make a scrollable Table of Contents where the user can scroll through the article cover and tap on the one that they want to view and are then taken to that article. I have searched Hi and Lo for a tutorial on this but have not been able to find one.
Here are the step that I am using.
Place covers into document and add "naveto" link to each cover.
Group all covers together and then "cut" them
Using "paste into" function, I paste the grouped buttons into the container frame
Using the Overlay Creator I select the Pan and Zoom option set at Pan only
This is not working. It actually only works on one cover. All of the other covers do nothing when tapped. I am obviously doing something wrong.
Any thoughts? Can this even be done?
Rob

Here are the step that I am using.
Place covers into document and add "naveto" link to each cover.
Group all covers together and then "cut" them
Using "paste into" function, I paste the grouped buttons into the container frame
Using the Overlay Creator I select the Pan and Zoom option set at Pan only
I used exactly the same steps and it worked fine without any problems.
The app using this "Table of Contents" is already in App Store for many weeks.
Did you create the buttons in the same document or did you paste them from another document? I worked only in one document.
Almute

Scrollable table not working in IE

I have a scrollable table that works great in Firefox, Safari, and Chrome. I cannot get it to work properly in IE. I think the problem is with the CSS, but I can't figure out what is wrong. Here's the CSS code:
div.tableContainer { clear: both; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; height: 285px; overflow: auto; width: 989px; } \html div.tableContainer{ padding: 0 16px 0 0; width: 973px; } html>body div.tableContainer { height: auto; padding: 0; } head:first-child+body div[class].tableContainer { height: 285px; overflow: hidden; width: 973px; } div.tableContainer table { float: left; width: 100%; } \html div.tableContainer table{ margin: 0 -16px 0 0; } html>body div.tableContainer table { float: none; margin: 0; width: 973px } head:first-child+body div[class].tableContainer table { width: 973px; } thead.fixedHeader tr { position: relative; top: expression(document.getElementById("tableContainer").scrollTop); } head:first-child+body thead[class].fixedHeader tr { display: block; } thead.fixedHeader th { background: #BC0001; border-left: 1px solid #CCC; border-right: 1px solid #CCC; font-weight: normal; padding: 4px 3px; text-align: left; font-size:12px; line-height:normal; color: #FFF; } thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited { color: #FFF; display: block; text-decoration: none; width: 100%; } head:first-child+body tbody[class].scrollContent { display: block; height: 262px; overflow: auto; width: 100%; } tbody.scrollContent td, tbody.scrollContent tr.normalRow td { background: #FFF; height: 35px; border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px; font-family: Arial, Helvetica, sans-serif; } tbody.scrollContent tr.alternateRow td { background: #EEE; height: 35px; border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD; padding: 2px 3px 3px 4px; }
Here's the HTML

Sorry... html is:
<table border="0" cellpadding="2" cellspacing="0" class="tableRed" width="974px">
                                <tbody>
                                    <tr>
                                        <td style="color:#FFF; border-right:1px solid #CCC; border-bottom: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif;" width="110"> </td>
                                        <td style="color:#FFF; border-right:1px solid #CCC;" width="71"> </td>
                                        <td style="color:#FFF; border-right:1px solid #CCC;" width="69"> </td>
                                        <td style="color:#FFF; border-right:1px solid #CCC; border-left:1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; font-family: Arial, Helvetica, sans-serif;" width="280"> </td>
                                        <td style="color:#FFF; border-right:1px solid #CCC; text-align: center; font-family: Arial, Helvetica, sans-serif;" width="69">
                                            </td>
                                        <td style="color:#FFF; border-right:1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center; font-family: Arial, Helvetica, sans-serif;" width="223"> </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="tableContainer" id="tableContainer">
                                <table border="0" cellpadding="0" cellspacing="0" class="scrollTable" width="100%">
                                    <thead class="fixedHeader" id="fixedHeader">
                                        <tr>
                                            <th>
                                                </th>
                                            <th>
                                                </th>
                                            <th>
                                                </th>
                                            <th>
                                                </th>
                                            <th>
                                               </th>
                                            <th>
                                                </th>
                                            <th>
                                               </th>
                                            <th>
                                                </th>
                                            <th>
                                                </th>
                                            <th>
                                                </th>
                                        </tr>
                                    </thead>
                                    <tbody class="scrollContent">
                                   <tr>
                                            <td>
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                        </tr>
                                   <tr>
                                            <td>
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                        </tr>
                                        <tr>
                                            <td>
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                            <td align="center">
                                          </td>
                                        </tr>
                                    </tbody>
                                </table>
          </div>
                            <div>
                                </div>

Where did frank's site go? need scrollable table example for JDev 10

Here is the specific link that comes up on search, but it dosnt work.
http://thepeninsulasedge.com/frank_nimphius/2007/11/08/adf-faces-embedded-and-scrollable-tables/

yes,
Info to Frank(My friend):
whenever I get into search (or) googled something about adf related thing means.
i got franks peninsulasedge.com links. but it ever redirected.
I dont think create a thread for this. but here is the thread to inform you.(frank)
...thepeninsulasedge.com/frank_nimphius/...FRANK DID YOU MOVE LINKS ANY OTHER LOCATION.?
IF SO,
please paste here. it will usefull all of us(atleast me).

Scrollable Table Cells ?!

Is there a way to put scrollable table cells in a JTable.
Means for instance a table cell shall contain some lines of text,
the cell should be maximum 3 lines high and if there are more lines
of text, i will scroll the cell to see the rest of the text.
The problem is that when i return a JScrollPane component from my
getTableCellRendererComponent() method, the cell remains empty.
Looking forward to your help
Mirko Klefker

Now i have scrollabel tablecells :)
thats the code:
import javax.swing.table.*;
import java.awt.event.*;
import javax.swing.*;
import java.awt.*;
import java.util.*;
public class MyTable extends JFrame {
private JTable table;
private JScrollPane[] sp;
private JList[] list;
private MyTableModel model;
public MyTable() {
super("Table Test");
model = new MyTableModel();
list = new JList[model.getRowCount()];
sp = new JScrollPane[model.getRowCount()];
table = new JTable(model);
table.getColumnModel().getColumn(1).setCellRenderer(new MyTableRenderer());
table.setDefaultEditor(Object.class, new ScrollTableCellEditor());
table.setRowHeight(30);
list = new JList[model.getRowCount()];
Container c = getContentPane();
c.setLayout(new BoxLayout(c, BoxLayout.X_AXIS));
c.add(table);
setSize( 220, 130 );
setVisible(true);
public static void main(String[] args) {
MyTable test = new MyTable();
test.addWindowListener( new WindowAdapter() {
public void windowClosing( WindowEvent e ) {
System.exit(0);
public class MyTableRenderer implements TableCellRenderer {
public Component getTableCellRendererComponent(JTable table,
     Object value,
     boolean isSelected,
boolean hasFocus,
int row,
int column) {
          if(list[row] == null) {
               list[row] = new JList((Vector)value);
          } else {
               list[row].setListData((Vector)value);
          if(sp[row] == null) {
               sp[row] = new JScrollPane(list[row]);
          } else {
               sp[row].setViewportView(list[row]);
          return sp[row];
public class ScrollTableCellEditor extends AbstractCellEditor implements TableCellEditor {
public Component getTableCellEditorComponent(JTable table, Object value,
                    boolean isSelected, int r, int c) {
     return sp[r];
but there is another question: how can i edit the list field entries?
Greetings
Mirko Klefker

How to make a SCROLLABLE Table in ADF Faces ?

Hi All,
I want to make my ADF Table Scrollable (both Horizontally & vertically). It means when I have 30 rows on the table, I can make it only display 10 rows visible, then scroll it vertically.
Also If I have wide tables(many columns) I can scroll it horizontally.
Is it possible with ADF Faces ?
(I look at FrameBorderLayout, but it seems not be able to do that )
Thank you,
xtanto

Hi,
What about the Horizontal scrolling ?
for exampe :
I have about 15 columns, the full page width can only shows 10, so I need to scroll horizontally, But I don't want to scroll the page, only the table.
Is there any ADF Faces components for this ?
or any commercial JSF components ?
Thank you,
xtanto

Can you make a scrollable table in LiveCycle Designer?

Hi there,
The pages I have developed in my eFrom are sometimes not large enough when the user adds several rows to a table. Is it possible to create a table that occupies a fixed area and scrolls when the number of rows exceed this area?
Many thanks,
Kieran

Hi Kieran,
No that is not possible, afaik.
However if you set the container root node (eg the page) to flowed and you set up the pagination to 'Follow previous' you can get the table to start a new page when it gets too big for the page it is on.
Niall

Scrollable table

Similar Messages

Maybe you are looking for