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.

Similar Messages

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

Printing from Portal (horizontal scrolling issues)

We upgraded to Portal (3.0.9, I think) in March, from WebDB 2.2. We have a couple reports that scroll horizontally fine onscreen, but both the print preview and print function only will print what appears on the screen without scrolling, and don't provide a means to print the subsequent pages (this seems to be an issue regardless of browser). I'm pretty sure this is only happening since we went to Portal - I don't think WebDB had a similar problem.
Any ideas?
Thanks.

There you go then, I'm saving for an Intel, on my brothers rig (intel Quad) these graphic features seem to work fine. There's a lot more Core Graphics stuff going on in LP8 I've noticed, i.e. transparencies & window behaviour so I imagine this will increasingly work better on later mac models with the latest OS. You may however want to try turning some of these window transparencies off or down, which I have seen in some settings or possibly a preference pane.
Anyone else feeling the clunk on there PPC machines vs Intel?

Horizontal scrolling with a table that is 100% width of window/container

Hello,
I'm a bit perplexed - it seems to me that the only way that I can have both fixed and scrollable columns in a table, with a table that resizes to the width of the user's screen, is to have percentage widths for all the entries.
Warning imminent rant
This seems to me to almost defeat the purpose. I want to be able to show more columns if the user has a large screen, and less if they have a small screen, keep certain key fields always showing and have the space avaliable for each column fixed to the size of the column contents. Having percentages of the screen for all columns just means that the column will get wider and thinner, not more or less!
Is there any hope that this might come along with client side scrolling in NetWeaver EhP2? Or does anyone have a cunning solution to the problem?
Now, I can sort of understand why this functionality has been build like this (the ABAP not having any real idea of how wide the screen actually is) - but why deliever such a solution at all? I can almost understand a fixed width situation, although all that code for a minimal improvement over just specifying the number of scrollable columns is suprising - but I struggle to see the use case for setting all the columns in a table to display as percentage widths.
Rant over -
If anyone does have any ideas how to have a 100% width table with fixed width columns - please do let me know.
Cheers,
Chris

Can this work:
Emebed your table UI element in Transparent Container UI element ( give it a fixed width ), now make table width as 100 % and make each column width as Width of Transparent Container / No of Columns.
Although I'm suggesting this but in my opinion giving fixed width to any UI element height width property is not advisable and recommended. It is because when browser will be resized by the user then if there is a fixed width settings then scrollbars would appear and layout may also go haywire.
If on the other hand if we are giving % (relative of window ) in width height of UI elements then layout will be adjusted automatically.
Regards
Manas Dua

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

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.

Vertical Scroll Reload on Table Control

Hello,
I've created a couple table controls in ABAP for a custom transaction that is going to be run through the web portal. My problem is that the horizontal scroll on the table is handled on the front end, and the vertical scroll is handled in the program. This means that moving the vertical scroll bar is much slower and not as user friendly as the horizontal one when run on the web (where it has to hit the back end and refresh the screen every time it's moved). I don't think there is anything I can do about that, but on behalf of my customer I thought I'd check to see if anyone here knows any settings or any way to run vertical scrolling without hitting the abap code.
Thanks,
Nathan Beeler

You might also look at the<a href="http://help.sap.com/saphelp_webas630/helpdata/en/24/ef243a84da356be10000000a11402f/plain.htm">ITS Service Parameters</a>. I'm thinking of ~AUTOSCROLL.
Rob

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

Table control scrolling issue

hi,
      I am having a issue with table control scrolling. When i was passing less number of records (say 19 records becuase table control is having 19 lines) to table control in BDC call transaction, everything is working fine. after filling the 19 line items its not taking the next line item the page is not scrolling down. T.code is <b>GS02</b>. please suggest me. following is my code
REPORT ZLOCK_WBS_ELEMENTS MESSAGE-ID ZFI_RESTMT.
                       TYPES                                         *
*types declaration for final internal table
types: begin of ty_final,
         ryear       like zupi5a-ryear, "Fiscal year
         rbukrs      like zupi5a-rbukrs, "Company code
         racct       like zupi5a-racct, "Account number
         rzzps_posid like zupi5a-rzzps_posid, "WBS element
         rzzmtit     like zupi5a-rzzmtit, "MPM title
         rzzmfor     like zupi5a-rzzmfor, "MPM format
         rzzmatnr    like zupi5a-rzzmatnr, "Material number
         rzzcou      like zupi5a-rzzcou, "Country
         rzzfow      like zupi5a-rzzfow, "Financial owner
         rzzoow      like zupi5a-rzzoow, "Operational owner
         rzzcon      like zupi5a-rzzcon, "Licensee Contract
         rzzloc      like zupi5a-rzzloc, "Licensor Contract
         kostl       like zupi5a-kostl, "Cost center
         zzfam       like zupi5a-zzfam, "Fame Number
         zzfor       like zupi5a-zzfor, "Format
         zzprd       like zupi5a-zzprd, "Product Line
         zzwin       like zupi5a-zzwin, "Window group
         zzwig       like zupi5a-zzwig, "Window
         rtcur       like zupi5a-rtcur, "Currency Key
         tsl         like zupi5a-tsl, "Amount Transaction currency
         hsl         like zupi5a-hsl, "Amount Co. code currency
         ksl         like zupi5a-ksl, "Amount Group currency
         msl         like zupi5a-msl, "Quantity
       end of ty_final.
Data
data: j_final2      type standard table of ty_final,
       v_final2      type standard table of ty_final.
data: wa_final2     type ty_final.
data: bdcdata like bdcdata occurs 0 with header line,
       messtab like bdcmsgcoll occurs 0 with header line.
data :begin of i_values occurs 0.
        include structure setvalues.
data :end of i_values.
data: v_counter(3) type n value '0',
      v_from    like rgsbl-from,
      V_FROM(30) TYPE C,
      v_setname like zfi_setid_cc-setid,
      v_setid like sethier-setid,
      n type i,
      l type i,
      k type i value '1',
      p_rbukrs like zupi5a-rbukrs.
import p_rbukrs from memory id 'bukrsid'.
import i_final2 to j_final2 from memory id 'table'.
To eliminate duplicate WBS elements to be stored into the sets
v_final2 = j_final2.
sort v_final2 by rzzps_posid.
delete adjacent duplicates from v_final2 comparing rzzps_posid.
select single setid into v_setname
       from zfi_setid_cc
       where rbukrs EQ p_rbukrs.
IF sy-subrc <> 0.
MESSAGE E005.
ENDIF.
*write 'ZFIRESTATEMENT' to v_setname.
call function 'G_SET_GET_ID_FROM_NAME'
     EXPORTING
          shortname = v_setname
     IMPORTING
          new_setid = v_setid.
call function 'G_SET_TREE_IMPORT'
     EXPORTING
          client     = sy-mandt
          langu      = sy-langu
          setid      = v_setid
     TABLES
          set_values = i_values.
describe table i_values lines n.
describe table v_final2 lines l.
write n to v_counter.
clear bdcdata.
refresh bdcdata.
perform bdc_dynpro      using 'SAPMGSBM' '0105'.
perform bdc_field       using 'BDC_CURSOR'
                              'RGSBM-SHORTNAME'.
perform bdc_field       using 'BDC_OKCODE'
                              '/00'.
*perform bdc_field       using 'RGSBM-SHORTNAME'
                             'ZFIRESTATEMENT'.
perform bdc_field       using 'RGSBM-SHORTNAME'
                              v_setname.
loop at v_final2 into wa_final2.
   v_counter = v_counter + 1.
perform bdc_dynpro      using 'SAPMGSBM' '0115'.
concatenate 'RGSBL-FROM(' v_counter ')' into v_from.
perform bdc_field     using 'BDC_CURSOR'
                              v_from.
perform bdc_field     using 'BDC_OKCODE'
                              '/00'.
perform bdc_field     using 'RGSBS-TITLE'
                              'FI Restatement-WBS locking'.
perform bdc_field     using v_from
                               wa_final2-rzzps_posid.
endloop.
perform bdc_dynpro      using 'SAPMGSBM' '0115'.
perform bdc_field       using 'BDC_CURSOR'
                              v_from.
perform bdc_field       using 'BDC_OKCODE'
                              '=SAVE'.
perform bdc_field       using 'RGSBS-TITLE'
                              'FI Restatement-WBS locking'.
perform bdc_dynpro      using 'SAPMGSBM' '0105'.
perform bdc_field       using 'BDC_OKCODE'
                              '/EBACK'.
perform bdc_field       using 'BDC_CURSOR'
                              'RGSBM-SHORTNAME'.
call transaction 'GS02'
using bdcdata
mode 'A'
update 'S'
messages into messtab.
       Start new screen                                              *
form bdc_dynpro using program dynpro.
clear bdcdata.
bdcdata-program = program.
bdcdata-dynpro   = dynpro.
bdcdata-dynbegin = 'X'.
append bdcdata.
endform.
       Insert field                                                  *
form bdc_field using fnam fval.
if fval <> ' '.
    clear bdcdata.
    bdcdata-fnam = fnam.
    bdcdata-fval = fval.
    append bdcdata.
endif.
endform.
this is working fine when they r less than 19 line items. please suggest me with the logic when it is more than 19 line items.

Hi,
Just try to increase the table control lines before display.
v_counter = n + 10.

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

Oracle Forms 6i/11i Apps: Horizontal scroll bar is hiding last record in the form, issue with folder switcher

Horizontal scroll bar is hiding last record in the form. Attached the screenshot which shows the issue.
Regards,
Venkat K

If this is a custom form, you will have to alter the design. If this is a seeded form, pl open an SR with Support

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

Horizontal scroll issue in table

Similar Messages

Maybe you are looking for