Horizontal scroll in table

Hi all,
How can I implement a horizontal scroll in a table?
NW 7.0 SP 15
Thanks,
Michael Beilin

Hi Michael,
Put table in the transparent container.
Select appropriate scrollingMode property for your container for displaying in view. By default, scrollingMode value is none*.
By this, you can achive horizontal scroll in table.
Thanks
Arun

Similar Messages

How to create horizontal scroll in Table UI Elements

Hi All,
I need to add horizontal scroll in my Table,
actually the requirement is, in my Table there are 8 columns but the column width is so long that the over all width of the page is getting big.
So if I want to display 4 coumn at a time and want to display one right arror & left arrow through which the user can navigate to other 4 columns (what was there for vertical scroll), same thing I need to create for horizontal scroll.
Please help me in this regard.
Thanks,
Sonia

hi sonia,
u can set the scrollablecolcount as 4 then only 4 columns will be visible at a time. If u want to see other columns then there will be arrow marks to move throught the columns.
set scrollablecolcount property of the table as per ur requirement.
Regards...
Arun.
Reward points if useful.

Unable get the table scroll for table control

hai
i unable get horizontal scrolling for table control when the output is dislayed
help me
very urgent

Hi,
check out the sample program it might help you
See the following simple ex
*& Module pool ZTEST_TBLCTRL
PROGRAM ZTEST_TBLCTRL.
***&SPWIZARD: DATA DECLARATION FOR TABLECONTROL 'TC1'
*&SPWIZARD: DEFINITION OF DDIC-TABLE
TABLES: ZFG_SRNO, ZFIH0004.
*&SPWIZARD: TYPE FOR THE DATA OF TABLECONTROL 'TC1'
*TYPES: BEGIN OF T_TC1,
ZSRNO LIKE ZFG_SRNO-ZSRNO,
SCRNAME LIKE ZFIH0004-SCRNAME,
END OF T_TC1.
*TYPES: BEGIN OF T_TC1.
STRUCTURE ZFG_SRNO.
END OF T_TC1.
*&SPWIZARD: INTERNAL TABLE FOR TABLECONTROL 'TC1'
*DATA: G_TC1_ITAB TYPE T_TC1 OCCURS 0 WITH HEADER LINE,
G_TC1_WA TYPE T_TC1. "work area
DATA: G_TC1_ITAB LIKE ZFG_SRNO OCCURS 0 WITH HEADER LINE,
G_TC1_WA LIKE G_TC1_ITAB. "work area
DATA: G_TC1_COPIED. "copy flag
*&SPWIZARD: DECLARATION OF TABLECONTROL 'TC1' ITSELF
CONTROLS: TC1 TYPE TABLEVIEW USING SCREEN 0100.
*&SPWIZARD: LINES OF TABLECONTROL 'TC1'
DATA: G_TC1_LINES LIKE SY-LOOPC.
DATA: OK_CODE LIKE SY-UCOMM,
S_CODE LIKE SY-UCOMM,
MARK.
DATA: T1(10).
*&SPWIZARD: OUTPUT MODULE FOR TC 'TC1'. DO NOT CHANGE THIS LINE!
*&SPWIZARD: COPY DDIC-TABLE TO ITAB
MODULE TC1_INIT OUTPUT.
IF G_TC1_COPIED IS INITIAL.
*&SPWIZARD: COPY DDIC-TABLE 'ZFG_SRNO'
*&SPWIZARD: INTO INTERNAL TABLE 'g_TC1_itab'
SELECT * FROM ZFG_SRNO
INTO CORRESPONDING FIELDS
OF TABLE G_TC1_ITAB.
G_TC1_COPIED = 'X'.
REFRESH CONTROL 'TC1' FROM SCREEN '0100'.
IF T1 <> SPACE.
G_TC1_ITAB-ZSRNO = T1.
CLEAR T1.
APPEND G_TC1_ITAB.
REFRESH CONTROL 'TC1' FROM SCREEN '0100'.
ENDIF.
*TC1-TOP_LINE = 1.
ENDIF.
ENDMODULE.
*&SPWIZARD: OUTPUT MODULE FOR TC 'TC1'. DO NOT CHANGE THIS LINE!
*&SPWIZARD: MOVE ITAB TO DYNPRO
MODULE TC1_MOVE OUTPUT.
MOVE-CORRESPONDING G_TC1_WA TO ZFG_SRNO.
if sy-subrc ne 0.
*append G_TC1_WA to G_TC1_ITAB.
*endif.
READ TABLE G_TC1_ITAB INDEX TC1-CURRENT_LINE.
IF SY-SUBRC = 0.
G_TC1_WA-ZSRNO = G_TC1_ITAB-ZSRNO.
ENDIF.
MOVE-CORRESPONDING G_TC1_ITAB TO ZFG_SRNO.
REFRESH CONTROL 'TC1' FROM SCREEN '8001'.
*******Below line is the logic for scrolling.
tc1-lines = G_TC1_LINES + 100.
ENDMODULE.
*&SPWIZARD: OUTPUT MODULE FOR TC 'TC1'. DO NOT CHANGE THIS LINE!
*&SPWIZARD: GET LINES OF TABLECONTROL
MODULE TC1_GET_LINES OUTPUT.
G_TC1_LINES = SY-LOOPC.
ENDMODULE.
*&SPWIZARD: INPUT MODULE FOR TC 'TC1'. DO NOT CHANGE THIS LINE!
*&SPWIZARD: MODIFY TABLE
MODULE TC1_MODIFY INPUT.
*break-point.
MOVE-CORRESPONDING ZFG_SRNO TO G_TC1_ITAB.
MODIFY G_TC1_ITAB INDEX TC1-CURRENT_LINE.
G_TC1_COPIED = 'X'.
REFRESH CONTROL 'TC1' FROM SCREEN '8001'.
MOVE-CORRESPONDING ZFG_SRNO TO G_TC1_WA.
MODIFY G_TC1_ITAB
FROM G_TC1_WA
INDEX TC1-CURRENT_LINE.
G_TC1_COPIED = 'X'.
if sy-subrc ne 0.
append G_TC1_WA to G_TC1_ITAB.
endif.
*modify G_TC1_ITAB INDEX TC1-CURRENT_LINE.
ENDMODULE.
*&SPWIZARD: INPUT MODULE FOR TC 'TC1'. DO NOT CHANGE THIS LINE!
*&SPWIZARD: PROCESS USER COMMAND
MODULE TC1_USER_COMMAND INPUT.
OK_CODE = SY-UCOMM.
PERFORM USER_OK_TC USING 'TC1'
'G_TC1_ITAB'
'FLAG'
CHANGING OK_CODE.
SY-UCOMM = OK_CODE.
ENDMODULE.
INCLUDE TABLECONTROL_FORMS *
*& Form USER_OK_TC *
FORM USER_OK_TC USING P_TC_NAME TYPE DYNFNAM
P_TABLE_NAME
P_MARK_NAME
CHANGING P_OK LIKE SY-UCOMM.
&SPWIZARD: BEGIN OF LOCAL DATA----
DATA: L_OK TYPE SY-UCOMM,
L_OFFSET TYPE I.
&SPWIZARD: END OF LOCAL DATA----
*&SPWIZARD: Table control specific operations *
*&SPWIZARD: evaluate TC name and operations *
SEARCH P_OK FOR P_TC_NAME.
IF SY-SUBRC <> 0.
EXIT.
ENDIF.
L_OFFSET = STRLEN( P_TC_NAME ) + 1.
L_OK = P_OK+L_OFFSET.
*&SPWIZARD: execute general and TC specific operations *
CASE L_OK.
WHEN 'INSR'. "insert row
PERFORM FCODE_INSERT_ROW USING P_TC_NAME
P_TABLE_NAME.
CLEAR P_OK.
WHEN 'DELE'. "delete row
PERFORM FCODE_DELETE_ROW USING P_TC_NAME
P_TABLE_NAME
P_MARK_NAME.
CLEAR P_OK.
WHEN 'P--' OR "top of list
'P-' OR "previous page
'P+' OR "next page
'P++'. "bottom of list
PERFORM COMPUTE_SCROLLING_IN_TC USING P_TC_NAME
L_OK.
CLEAR P_OK.
WHEN 'L--'. "total left
PERFORM FCODE_TOTAL_LEFT USING P_TC_NAME.
WHEN 'L-'. "column left
PERFORM FCODE_COLUMN_LEFT USING P_TC_NAME.
WHEN 'R+'. "column right
PERFORM FCODE_COLUMN_RIGHT USING P_TC_NAME.
WHEN 'R++'. "total right
PERFORM FCODE_TOTAL_RIGHT USING P_TC_NAME.
WHEN 'MARK'. "mark all filled lines
PERFORM FCODE_TC_MARK_LINES USING P_TC_NAME
P_TABLE_NAME
P_MARK_NAME .
CLEAR P_OK.
WHEN 'DMRK'. "demark all filled lines
PERFORM FCODE_TC_DEMARK_LINES USING P_TC_NAME
P_TABLE_NAME
P_MARK_NAME .
CLEAR P_OK.
WHEN 'SASCEND' OR
'SDESCEND'. "sort column
PERFORM FCODE_SORT_TC USING P_TC_NAME
l_ok.
ENDCASE.
ENDFORM. " USER_OK_TC
*& Form FCODE_INSERT_ROW *
FORM fcode_insert_row
USING P_TC_NAME TYPE DYNFNAM
P_TABLE_NAME .
&SPWIZARD: BEGIN OF LOCAL DATA----
DATA L_LINES_NAME LIKE FELD-NAME.
DATA L_SELLINE LIKE SY-STEPL.
DATA L_LASTLINE TYPE I.
DATA L_LINE TYPE I.
DATA L_TABLE_NAME LIKE FELD-NAME.
FIELD-SYMBOLS <TC> TYPE CXTAB_CONTROL.
FIELD-SYMBOLS <TABLE> TYPE STANDARD TABLE.
FIELD-SYMBOLS <LINES> TYPE I.
&SPWIZARD: END OF LOCAL DATA----
ASSIGN (P_TC_NAME) TO <TC>.
*&SPWIZARD: get the table, which belongs to the tc *
CONCATENATE P_TABLE_NAME '[]' INTO L_TABLE_NAME. "table body
ASSIGN (L_TABLE_NAME) TO <TABLE>. "not headerline
*&SPWIZARD: get looplines of TableControl *
CONCATENATE 'G_' P_TC_NAME '_LINES' INTO L_LINES_NAME.
ASSIGN (L_LINES_NAME) TO <LINES>.
*&SPWIZARD: get current line *
GET CURSOR LINE L_SELLINE.
IF SY-SUBRC <> 0. " append line to table
L_SELLINE = <TC>-LINES + 1.
*&SPWIZARD: set top line *
IF L_SELLINE > <LINES>.
<TC>-TOP_LINE = L_SELLINE - <LINES> + 1 .
ELSE.
<TC>-TOP_LINE = 1.
ENDIF.
ELSE. " insert line into table
L_SELLINE = <TC>-TOP_LINE + L_SELLINE - 1.
L_LASTLINE = <TC>-TOP_LINE + <LINES> - 1.
ENDIF.
*&SPWIZARD: set new cursor line *
L_LINE = L_SELLINE - <TC>-TOP_LINE + 1.
*&SPWIZARD: insert initial line *
INSERT INITIAL LINE INTO <TABLE> INDEX L_SELLINE.
<TC>-LINES = <TC>-LINES + 1.
*&SPWIZARD: set cursor *
SET CURSOR LINE L_LINE.
ENDFORM. " FCODE_INSERT_ROW
*& Form FCODE_DELETE_ROW *
FORM fcode_delete_row
USING P_TC_NAME TYPE DYNFNAM
P_TABLE_NAME
P_MARK_NAME .
&SPWIZARD: BEGIN OF LOCAL DATA----
DATA L_TABLE_NAME LIKE FELD-NAME.
FIELD-SYMBOLS <TC> TYPE cxtab_control.
FIELD-SYMBOLS <TABLE> TYPE STANDARD TABLE.
FIELD-SYMBOLS <WA>.
FIELD-SYMBOLS <MARK_FIELD>.
&SPWIZARD: END OF LOCAL DATA----
ASSIGN (P_TC_NAME) TO <TC>.
*&SPWIZARD: get the table, which belongs to the tc *
CONCATENATE P_TABLE_NAME '[]' INTO L_TABLE_NAME. "table body
ASSIGN (L_TABLE_NAME) TO <TABLE>. "not headerline
*&SPWIZARD: delete marked lines *
DESCRIBE TABLE <TABLE> LINES <TC>-LINES.
LOOP AT <TABLE> ASSIGNING <WA>.
*&SPWIZARD: access to the component 'FLAG' of the table header *
ASSIGN COMPONENT P_MARK_NAME OF STRUCTURE <WA> TO <MARK_FIELD>.
IF <MARK_FIELD> = 'X'.
DELETE <TABLE> INDEX SYST-TABIX.
IF SY-SUBRC = 0.
<TC>-LINES = <TC>-LINES - 1.
ENDIF.
ENDIF.
ENDLOOP.
ENDFORM. " FCODE_DELETE_ROW
*& Form COMPUTE_SCROLLING_IN_TC
text
-->P_TC_NAME name of tablecontrol
-->P_OK ok code
FORM COMPUTE_SCROLLING_IN_TC USING P_TC_NAME
P_OK.
&SPWIZARD: BEGIN OF LOCAL DATA----
DATA L_TC_NEW_TOP_LINE TYPE I.
DATA L_TC_NAME LIKE FELD-NAME.
DATA L_TC_LINES_NAME LIKE FELD-NAME.
DATA L_TC_FIELD_NAME LIKE FELD-NAME.
FIELD-SYMBOLS <TC> TYPE cxtab_control.
FIELD-SYMBOLS <LINES> TYPE I.
&SPWIZARD: END OF LOCAL DATA----
ASSIGN (P_TC_NAME) TO <TC>.
*&SPWIZARD: get looplines of TableControl *
CONCATENATE 'G_' P_TC_NAME '_LINES' INTO L_TC_LINES_NAME.
ASSIGN (L_TC_LINES_NAME) TO <LINES>.
*&SPWIZARD: is no line filled? *
IF <TC>-LINES = 0.
*&SPWIZARD: yes, ... *
L_TC_NEW_TOP_LINE = 1.
ELSE.
*&SPWIZARD: no, ... *
CALL FUNCTION 'SCROLLING_IN_TABLE'
EXPORTING
ENTRY_ACT = <TC>-TOP_LINE
ENTRY_FROM = 1
ENTRY_TO = <TC>-LINES
LAST_PAGE_FULL = 'X'
LOOPS = <LINES>
OK_CODE = P_OK
OVERLAPPING = 'X'
IMPORTING
ENTRY_NEW = L_TC_NEW_TOP_LINE
EXCEPTIONS
NO_ENTRY_OR_PAGE_ACT = 01
NO_ENTRY_TO = 02
NO_OK_CODE_OR_PAGE_GO = 03
OTHERS = 0.
ENDIF.
*&SPWIZARD: get actual tc and column *
GET CURSOR FIELD L_TC_FIELD_NAME
AREA L_TC_NAME.
IF SYST-SUBRC = 0.
IF L_TC_NAME = P_TC_NAME.
*&SPWIZARD: et actual column *
SET CURSOR FIELD L_TC_FIELD_NAME LINE 1.
ENDIF.
ENDIF.
*&SPWIZARD: set the new top line *
<TC>-TOP_LINE = L_TC_NEW_TOP_LINE.
ENDFORM. " COMPUTE_SCROLLING_IN_TC
*& Form FCODE_TC_MARK_LINES
marks all TableControl lines
-->P_TC_NAME name of tablecontrol
FORM FCODE_TC_MARK_LINES USING P_TC_NAME
P_TABLE_NAME
P_MARK_NAME.
&SPWIZARD: EGIN OF LOCAL DATA----
DATA L_TABLE_NAME LIKE FELD-NAME.
FIELD-SYMBOLS <TC> TYPE cxtab_control.
FIELD-SYMBOLS <TABLE> TYPE STANDARD TABLE.
FIELD-SYMBOLS <WA>.
FIELD-SYMBOLS <MARK_FIELD>.
&SPWIZARD: END OF LOCAL DATA----
ASSIGN (P_TC_NAME) TO <TC>.
*&SPWIZARD: get the table, which belongs to the tc *
CONCATENATE P_TABLE_NAME '[]' INTO L_TABLE_NAME. "table body
ASSIGN (L_TABLE_NAME) TO <TABLE>. "not headerline
*&SPWIZARD: mark all filled lines *
LOOP AT <TABLE> ASSIGNING <WA>.
*&SPWIZARD: access to the component 'FLAG' of the table header *
ASSIGN COMPONENT P_MARK_NAME OF STRUCTURE <WA> TO <MARK_FIELD>.
<MARK_FIELD> = 'X'.
ENDLOOP.
ENDFORM. "fcode_tc_mark_lines
*& Form FCODE_TC_DEMARK_LINES
demarks all TableControl lines
-->P_TC_NAME name of tablecontrol
FORM FCODE_TC_DEMARK_LINES USING P_TC_NAME
P_TABLE_NAME
P_MARK_NAME .
&SPWIZARD: BEGIN OF LOCAL DATA----
DATA L_TABLE_NAME LIKE FELD-NAME.
FIELD-SYMBOLS <TC> TYPE cxtab_control.
FIELD-SYMBOLS <TABLE> TYPE STANDARD TABLE.
FIELD-SYMBOLS <WA>.
FIELD-SYMBOLS <MARK_FIELD>.
&SPWIZARD: END OF LOCAL DATA----
ASSIGN (P_TC_NAME) TO <TC>.
*&SPWIZARD: get the table, which belongs to the tc *
CONCATENATE P_TABLE_NAME '[]' INTO L_TABLE_NAME. "table body
ASSIGN (L_TABLE_NAME) TO <TABLE>. "not headerline
*&SPWIZARD: demark all filled lines *
LOOP AT <TABLE> ASSIGNING <WA>.
*&SPWIZARD: access to the component 'FLAG' of the table header *
ASSIGN COMPONENT P_MARK_NAME OF STRUCTURE <WA> TO <MARK_FIELD>.
<MARK_FIELD> = SPACE.
ENDLOOP.
ENDFORM. "fcode_tc_mark_lines
*& Module D20XX_INIT OUTPUT
text
MODULE D20XX_INIT OUTPUT.
*if screen-name = 'ZSRNO'.
SCREEN-INPUT = 0.
SCREEN-COLOR = 0.
MODIFY SCREEN.
endif.
ENDMODULE. " D20XX_INIT OUTPUT
*& Module STATUS_0100 OUTPUT
text
MODULE STATUS_0100 OUTPUT.
SET PF-STATUS 'xxxxxxxx'.
SET TITLEBAR 'xxx'.
*CLEAR R1_REF.
DO 30 TIMES.
APPEND G_TC1_ITAB.
ENDDO.
DESCRIBE TABLE G_TC1_ITAB LINES TC1-LINES.
ENDMODULE. " STATUS_0100 OUTPUT
*& Module TAB1_INIT OUTPUT
text
MODULE TAB1_INIT OUTPUT.
ENDMODULE. " TAB1_INIT OUTPUT
*& Module USER_COMMAND_0100 INPUT
text
MODULE USER_COMMAND_0100 INPUT.
ENDMODULE. " USER_COMMAND_0100 INPUT
*& Module MESSAGE INPUT
text
MODULE MESSAGE INPUT.
OK_CODE = SY-UCOMM.
S_CODE = OK_CODE.
CLEAR OK_CODE.
if S_CODE = 'DELE'.
loop at G_TC1_ITAB.
if G_TC1_ITAB-scrname = 'X'.
delete g_tc1_itab.
endif.
endloop.
ELSEIF S_CODE = 'SAVE'.
G_TC1_WA-ZSRNO = T1.
MOVE-CORRESPONDING G_TC1_WA TO ZFG_SRNO.
REFRESH CONTROL 'TC1' FROM SCREEN '0100'.
ENDIF.
ENDMODULE. " MESSAGE INPUT
*& Module DELETE_RECORD INPUT
text
MODULE DELETE_RECORD INPUT.
IF MARK = 'X' AND S_CODE = 'DELE'.
DELETE TABLE G_TC1_ITAB FROM ZFG_SRNO.
DESCRIBE TABLE G_TC1_ITAB LINES TC1-LINES.
ENDIF.
ENDMODULE. " DELETE_RECORD INPUT
*********************Screen modules*********************
PROCESS BEFORE OUTPUT.
*&SPWIZARD: PBO FLOW LOGIC FOR TABLECONTROL 'TC1'
MODULE TC1_INIT.
*&SPWIZARD: MODULE TC1_CHANGE_TC_ATTR.
*&SPWIZARD: MODULE TC1_CHANGE_COL_ATTR.
LOOP AT G_TC1_ITAB
INTO G_TC1_WA
WITH CONTROL TC1
CURSOR TC1-CURRENT_LINE.
*&SPWIZARD: MODULE TC1_CHANGE_FIELD_ATTR
MODULE TC1_MOVE.
MODULE TAB1_INIT.
MODULE TC1_GET_LINES.
ENDLOOP.
MODULE D20XX_INIT.
MODULE STATUS_0100.
PROCESS AFTER INPUT.
*&SPWIZARD: PAI FLOW LOGIC FOR TABLECONTROL 'TC1'
*BREAK POINT.
LOOP AT G_TC1_ITAB.
CHAIN.
FIELD ZFG_SRNO-ZSRNO.
MODULE TC1_MODIFY ON CHAIN-REQUEST.
MODULE TC1_MODIFY.
ENDCHAIN.
MODULE MESSAGE .
MODULE DELETE_RECORD.
ENDLOOP.
MODULE TC1_USER_COMMAND.
*&SPWIZARD: MODULE TC1_CHANGE_TC_ATTR.
*&SPWIZARD: MODULE TC1_CHANGE_COL_ATTR.
MODULE USER_COMMAND_0100.
please check out the link below for more information it might help you
http://help.sap.com/saphelp_sm32/helpdata/en/9f/dbac9f35c111d1829f0000e829fbfe/content.htm
http://help.sap.com/saphelp_nw04/helpdata/en/d1/801c7b454211d189710000e8322d00/content.htm
http://www.sapbrainsonline.com/REFERENCES/ABAP_SYNTAX/SAP_ABAP_SYNTAX.html
*********please reward points if the information is helpful to you*************

How to get the Horizontal Scroll Bar for a Table?

Hi All,
As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
With Thanks
Kumar Gautam

try this approach.
include a raw text item before and table item.
include the appropriate HTML tags in raw text item to enable horizontal scroll
--Prasanna

Horizontal Scroll bar in a web table

Guys,
is it possible to have horizontal scroll bar in webtable , not like the webtable propery for each column.
just i want drag a scroll like blanket in webtable like in internet explorer.
will assing full points for fix.
Thanks
Shan

Hi Shan,
The problem is not clear, but if you are talking about a table web item within Web Application Designer then there is a property for the number of columns to be displayed per page. Just set that property to an appropriate number. Remember while setting the property that it applies only to key figures and not characteristics. So if you set it to say 5 - it will display the horizontal scroll option if you have more than 5 key figures in your table.
If you do not want the SAP default scroll bar then set this property to a sufficiently high number so that the table is not broken up - in this case you will get the default internet explorer based scroll bar since the table will not fit in a single screen.
Hope it helps,
Regards,
Nikhil

Urgent!!!!Add a Horizontal Scroll Bar for Table Control

Hi Experts,
I want to have a Horizontal Scroll Bar on my Table control.
I tried with few properties for the Table UI Element but not able to solve it.
If any one who had already done this please help me out.
Thanks in advance..
Regards, Kishore K

HI Koen,
Thanks for early Reply.
When I use this I get
Page Down ( ->!!, Arrown with lines pointing Down)
Page UP
Page Top ( ->, Arrown with lines pointing Top)
Page Down ( ->, Arrown with lines pointing Down)
But I need only Page top and Page down for this Table UI .
I think my question is clear enough.
Please let me know this also.
Thanks & Regards,
Kishore K

Horizontal scroll issue in table

Hi all,
I have used af:table with 14 columns and used frozen property to 4th column to freeze first 4 columns .For rest of
columns horizontal scroll bar appears.
Now issue is horizontal scroll is not working smoothly in Google Chrome Browser. It seems to be getting stuck.
In IE and Mozilla the same scroll is smooth and works fine.
Using Jdev 11.1.1.5.0 version.
Please help.
Thanks.
Edited by: 904142 on May 29, 2013 10:39 AM

Thanks for reply
@Frank:Issue is reproducing in sample application as well
To reproduce this issue do following
1.Use Page Template
2.Use frozen property to one of column so that horizontal scroll bar should appear for rest of the columns.
3.Data should be large enough so that vertical scroll bar should appear
@Shay:Issue is not reproducing there.

Start a horizontal scroll in the middle of a table?

Hello,
My demanding users are at it again. Although I am learning alot but lest I digress;-) Lets say I have a tableview with 72 columns that is one month for each year spanning over 6 years. No biggie but instead of the horizontal scroll starting at the left most point I would like start the scroll in the middle (say at column 36 or something) of the tableview. So if my tableview starts at 03/2002 in column 1 and goes to 03/2008 in column 72 I want the horizontal scroll to start at 03/2005(current month)in column 36 each time the table is rendered. I am using MVC and the tableview iterator(which I love).
I was hopeing that I could find something similar to a dropdown i.e. pre-populate a selected value and the dropdown starts at that selection not the top most one. Any one have any ideas where I could begin? I have searched this forum for 'horizontal' and 'scrolling' but no hits.
TIA,
Rich

Hello!
I gave the example from Thomas Ritter to the JS person here and he got it working. I can't take credit but I wanted to share it with the forum. Basically what happens is that the horizontal scroll will scroll to the right till the date column that is close to the current date. I say close to because some of the columns are in months so if the current date is 21-MAR-05 then the horizontal scroll will scroll right until MAR-05. Either way here is the code. As I said before I take no credit for it. I do have another question though. Anyone have any ideas how to change it so that I can pass it a date and have it scroll there instead of the current date?
<code>function lockCol(tblID) {
     var table = document.getElementById(tblID);
     var cTR = table.getElementsByTagName('tr'); //collection of rows
     var coords = { x: 0, y: 0 };
     var now = new Date();
     var strMonthArray = new Array(12);
     strMonthArray[0] = "Jan";
     strMonthArray[1] = "Feb";
     strMonthArray[2] = "Mar";
     strMonthArray[3] = "Apr";
     strMonthArray[4] = "May";
     strMonthArray[5] = "Jun";
     strMonthArray[6] = "Jul";
     strMonthArray[7] = "Aug";
     strMonthArray[8] = "Sep";
     strMonthArray[9] = "Oct";
     strMonthArray[10] = "Nov";
     strMonthArray[11] = "Dec";
     strMonth = strMonthArray[now.getMonth()];
     year = new String(now.getYear());
     var today = now.getDate() + "-" + strMonth + "-" + year.substr(2,2);
     if (table.rows[0].cells[0].className == '') {
          for (i = 1; i < cTR.length; i++) {
               var tr = cTR.item(i);
               if(i == 1){
                    tr.cells[0].className = 'firstLocked';
                    innerloop:
                    for (j = 2; j < 100 ; j++) {
                         if(compareDate(today, tr.cells[j].innerText)) {
                              elt = tr.cells[j];
                              while (elt) {
                                   coords.x += elt.offsetLeft;
                                   elt = elt.offsetParent;
                         break innerloop;
               else{tr.cells[0].className = 'locked'}
     else {
          for (i = 1; i < cTR.length; i++){
          var tr = cTR.item(i);
          tr.cells[0].className = '';
     document.getElementById('tbl-container').scrollLeft = coords.x - 69;
function compareDate(date1, date2){
     a = date1.split("-");
     b = date2.split("-");
     day1 = parseInt(a[0]);
     month1 = a[1];
     year1 = a[2];
     day2 = parseInt(b[0]);
     month2 = b[1];
     year2 = b[2];
     if(year1 == year2) {
          if(month1 == month2) {
               if((day2 >= day1)) {return true;}
               else {return false;}
          else {return false;}
     else {return false;}
}</code>
Cheers,
Rich

Hi Unable to see any horizontal scroll bar on tree table

Hi my tree table is in this format
<af:treeTable rowBandingInterval="0" columnStretching="last"
horizontalGridVisible="false"
verticalGridVisible="false"
inlineStyle="text-align:center; background-color:White;height:220px;"
value="#{C2SearchBean.treeModel}" var="node2"
initiallyExpanded="false" contentDelivery="lazy"
id="ProductCharcTreeId"
width="189px">
i was not able to see the horizontal scroll bat can you please help me out.

surround your treeTable with a panleCollection, or place it in a component that will stretch it like in the center facet of a panelStretchLayout.

Visual Composer table horizontal scroll bar

Hi Experts,
is it possible to have horizontal scroll bar in visual composer iview?
is it possible to lock initial n columns from scroll in VC iview?
if possible the pls tell how?
Thanks in advance
Anupam

Hi Anupam..
The below info may helps you .......
Visual Composer produces applications in a declarative form, thereby enabling completely code-free execution mode for multiple runtime environments. It provides full application lifecycle support by maintaining the connection between an application and its model throughout its lifecycle. Visual Composer is designed with an open architecture, which enables developers to extend its design-time environment and modeling language, as well as to integrate external data services.
As a result, Visual Composer modelers increase productivity by reducing their development effort time from weeks and months to days. Domain experts gain the means to express their requirements directly rather than conveying them to developers. This narrows the gap between application definition and implementation.
Starting with a blank canvas, the Visual Composer user draws the application in Visual Composer Storyboard (workspace), without writing a single line of code. Since no traditional programming skills are needed, business process experts can prototype, design and produce entire applications.
A typical workflow for creating, deploying and running an application using Visual Composer is:
Create a model
Discover data services and add them to the model
Select necessary UI elements and add them to the model
Connect model elements to define the model logic and data flow
Edit the layout
Arranging the UI elements and the controls of the application on forms and tables.
Deploy the model
This step includes compilation, validation and deployment to a selected environment.
Run the application
The application can run using different runtime environment (such as Adobe Flex and HTML)
Modeling Business Intelligence Data with Visual Composer - Part I
Modeling Business Intelligence Data with Visual Composer - Part II
http://help.sap.com/saphelp_nw04/helpdata/en/fd/4a7e40417c6d1de10000000a1550b0/frameset.htm
http://help.sap.com/download/netweaver/nw04/visualcomposer/VC_60_SolManGuide.pdf
Creating Model:
http://help.sap.com/saphelp_nw04/helpdata/en/fd/4a7e40417c6d1de10000000a1550b0/frameset.htm
Creating Portal Content:
http://help.sap.com/saphelp_nw04/helpdata/en/fd/4a7e40417c6d1de10000000a1550b0/frameset.htm
Customizing VC toolbar:
http://help.sap.com/saphelp_nw04/helpdata/en/fd/4a7e40417c6d1de10000000a1550b0/frameset.htm
Regards
Sudheer

Avoid table's horizontal scroll bar

I have an ADF table (<af:table>) with predetermined width and height. The table displays couple of rows, without any horizontal and vertical scroll bar. We have an option to add new rows to the table. After adding few more rows, if the number of rows exceeds the height of the table, both the horizontal and vertical scroll bar of the table appears.
Do we have an option to display only the vertical bar without the horizontal scroll bar?

Hi,
are you using JDeveloper 11 ? Must be because 10.1.3 doesn't know of scrollbars, unless you mean browser bars.
In 11, when the vertical scrollbar is added, it takes from the horizontal space and if there isn't enough left, horizontal scrollbars are shown. So just make sure you add enough space for the table and the scrollbars should not display. There is no property to hide them.
Frank

How to have a table with a horizontal scroll bar

Hi All,
I need to develop a page in which i have around 15 columns in a table to display in a table format.The requirement also says that after the first 4 columns ,all the remaining columns in the table should have a horizontal scroll bar,so that the user can see the remaining columns as required by scrolling horizontally in the table.
Is this possible to do in OAF and if yes how?
I created a table region with 15 columns but i am getting a horizontal scroll bar on the page but not on the table.Please kindly suggest .
Thanks in advance.

Sumit,
I guess the functionality they are looking for here is similar to freezeing of some columns in excel sheets. This makes the initial columns as it is and rest of the columns have scrolling enabled. This is useful in scenario where there are a large number of columns and while looking at last columns, you will probably like to see the first couple of column data as well to map to see which id or user it belongs to. Just a useability case :-)
--Shiv

Left Aligning an Anchor object in a horizontal scroll

I'm sure the answer to this is going to be so simple I'll be forced to learn how to kick myself.
I have a website that contains a static header section and a table row that contains a number of pictures in a horizontal scroll. The rest of the page does not scroll, just this one table row.
I want to be able to designate some of the pictures as the starting point for a new section.   So I created an reference link at the top of the page,
<a href="#portraits">PORTRAITS</a>
and then designated one of the pictures to be the target
Start of table row
<table><tr>
<td>...........pictures
<td><a name="portraits">
<img src="gallery/5a.gif" alt="" class="transparent5" /></a>
<p class="notes">PORTRAITS</p>
<p class="title">→ </p></td>
<td>
........continues on,
So the question is, once a user clicks the reference how can I ensure the target aligns on the left side of the page?    currently what is happening is it is just being brought into view on the right hand side.     This isn't the estetic the site owner wants.
Thanks for looking.

Hi Nancy, (or anyone else with input )
I can't seem to invoke the horizontal scroll for the site. It may be because I have the scrolling in a single table within the body and the script seems to be calling out the full <body> tag for the target.
my feeble attempt is here - http://www.lightmonkey.ca/indexjs.html
The button list looks like this,
<ul id="nav" class="scroll" >
    <a href="#portraits">PORTRAITS </a>
    <a href="#performance">PERFORMANCE    </a>
    <a href="#editorial">LIFESTYLE + EDITORIAL    </a>
    <a href="#industrial">INDUSTRIAL </a>
    <span class="style6"><a href="http://lightmonkeyphotography.wordpress.com/" target="_blank">BLOG  </a></span>
    <a href="#contact">CONTACT </a></ul></td>
So I think the JS function will call 'ul.scroll' according to the syntax from the tutorial site, (bold in snippet at bottom)
The start of the scrolling table looks like this,
<div id="main"><div id="gallery">
<table><tr>
<td><a name="portraits">
<img src="gallery/5.gif" alt="" class="transparent5" /></a>
<p class="notes">PORTRAITS</p>
<p class="title">→ </p></td>
<td>
etc
so what would be the function target? (target, my term, also in bold in the snippet below)

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript" src="reffile/easing.js"></script>
        <script type="text/javascript">
            $(function() {
                $('ul.scroll a').bind('click',function(event){
                    var $anchor = $(this);
                    if you want to use one of the easing effects:
                    $('html, body').stop().animate({
                        scrollLeft: $($anchor.attr('href')).offset().left
                    }, 1500,'easeInOutExpo');
                    $('html, main').stop().animate({
                        scrollLeft: $($anchor.attr('href')).offset().left
                    }, 1000);
                    event.preventDefault();
        </script>
Any suggestions on this?
Thanks again! tried to just figure it out but 3 dozen combinations have not worked out....

JTabel Horizontal scroll bar problem

Hi,
I want a horizontal scroll bar added to my table
hence I do this
table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
but the problem is If I increase the size of frame
the cells do not resize hence there is a gap after
the last column.
How do I remove this gap

Please reduce the container size in the screen thru SE51 that automatically create the scroll
or check whether in the attributes of the screen "Hold scroll positio" not to be checked
a®

No horizontal scroll bar on the Jtable. In order to see long column.....

No horizontal scroll bar on the tJable.
In order to see long cell data we have to eliminate other columns of the table.
I need an horizontal scroll bar on the JTable if the data in a cell is longer.
Could somebody help me out?
Thanks in advance.

in the jtable use following method :
myTable.setAutoResizeMode(this.AUTO_RESIZE_OFF);
KR,
Jan

Horizontal scroll in table

Similar Messages

Maybe you are looking for