Apply table scroll bar

hi everybody,
i have one big table with many columns(30) in it. Though the scroll bar for whole page is coming by default provided by IE , my requirement is i need to apply scroll bar for table only and not for whole page.
I have tried using OAHTMLWEBBEAN AND OARAWTESTBEAN but of no use. plese tell me any hints or whether it is possible to apply inner scroll bar becuase i have looked into many answers in forums but no use.
please help me anybody , i will be grateful to u those answers.
regards
prabhakaran.p

Yep ... u can acheive this by adding OARawTextBean below and above a OATable ...
something like....
//make horizoltal scroll
OARawTextBean iFrameStartRawTextOARawTextBean = (OARawTextBean)webBean.findChildRecursive("Start");
iFrameStartRawTextOARawTextBean.setText("<DIV style='width:980;overflow-x:auto;padding-bottom:20px;border:0'>");
OARawTextBean iFrameEndRawTextOARawTextBean = (OARawTextBean)webBean.findChildRecursive("End");
iFrameEndRawTextOARawTextBean.setText("</DIV>");
Hope this helps ...
Cheers,
Senthil

Similar Messages

Applying table scroll bar for only table rows with table columns fixed.

hi oa gurus,
i had implemented table scroll bars using oarawtextbean , there is no problem in vertical and horizontal scroll bar working its working fine. but the requirement is i need to scroll only the table rows with table columns fixed. so , how to achieve the table scroll for only table datas neglecting table headers.
the code for vertical and horizontal bars scroll is like this,
OARawTextBean ors = (OARawTextBean)webBean.findChildRecursive("raw1");
ors.setText(div id=tabledivid style=height:500px;width:100%; overflow:auto>);
OARawTextBean ore = (OARawTextBean)webBean.findChildRecursive("raw2");
ore.setText("</div>");
where raw1 and raw2 are rawtextbean created above and below of the table . but i dont know hoow to apply this only for table rows neglecting table columns , can anybody give any ideas.
pelase this is very urgent , can u help me in this regards
thanks
Edited by: user630121 on Sep 29, 2008 5:17 AM
Edited by: user630121 on Sep 29, 2008 5:18 AM

hi,
I have a similar task to do... Only to apply scrollbar at the table level.
I tried using the above mentioned but I am facing Null Pointer Exception..
Please explain about raw1 and raw2
Rahul

Jdeveloper - af:table scroll bar disappearing/truncating

Hello,
I'm having some issues with an af:table bound to a view object. The table is displaying questions to be administered to students applying for a scholarship. New questions can be created via a popup.. new questions are committed when the user clicks a save button on the popup, and the table is refreshed.
The edit question popup uses af:inputText components to record most of the information for the new question being created. In particular, there is a field called "Question Text" - the display text for the question - which we put a 1000 character limit on. When typing in characters, at a certain point a scroll bar appears on the inputText component. I've noticed that after adding a few questions with the max # of characters, if I add a question, the question text of which doesn't have the max # of characters (and thus has a smaller scroll bar on the inputText component of my edit question popup) when I return to the main table, I lose functionality on my table scroll bar!
For example, any time I make 2 questions with 1000 characters, and then a 3rd question with only two lines of Question Text, the scroll bar on the main table disappears completely until refreshed.
Another time, I made 4 questions with a couple lines of Question Text, then 5 questions (#'s 5-9) with 1000 characters in the question text, then 3 questions that had just enough text to trigger a scroll bar in the inputText component of the Edit Question popup. When I would return to the table after creating questions 10-12, the most recent question would be in view... but if I scrolled to the top of the table and back down, I could only scroll down to question #9.
All of my created data IS there, and a refresh restores the functionality of the table scroll bar. But has anyone seen behavior like this or have any suggestions of table settings, or how to best return from the edit question pop up (maybe I should re-execute the table's VO and NOT try to maintain currency on the newly created row..?) that might fix this?
I'm including the code for my table and popup below just so you can see their settings. Of course, the components involved in this issue are part of a much larger system, so if there isn't enough information in this post to address the issue and you need any specific information (code from a backing bean/action listener method, etc..) just let me know!
Thanks for looking.
<af:panelCollection featuresOff="detach"
id="stuQPc"
partialTriggers=":::delQBtn :::appQCSave :::appQCCancel :::appQuestionSaveBtn :::appQuestionCancelBtn">
<f:facet name="menus"/>
<f:facet name="toolbar">
<af:toolbar id="t2">
<af:outputText value="#{pageFlowScope.mtnAppBean.currentAppName}"
id="ot20"/>
<af:spacer width="10"
height="10" id="s2"/>
<af:commandToolbarButton text="Create Student Question"
partialTriggers="stuQTbl"
clientComponent="true"
icon="/images/add-16x16.png"
disabled="#{ pageFlowScope.mtnAppBean.currentAppId==null}"
id="ctb3">
<af:showPopupBehavior popupId=":::appQuestionsPopup"/>
<af:clientAttribute name="csaIsMultiChoice"
value="No"/>
<af:clientAttribute name="csaIteratorBindingName"
value="AppQuestionStudentRefVO1Iterator"/>
<af:clientListener method="handleEvent"
type="click"/>
<af:serverListener type="csaCustomEvent"
method="#{schlrAppRequestBean.createEntity}"/>
</af:commandToolbarButton>
<af:commandToolbarButton text="Reorder Questions"
partialTriggers="stuQTbl"
clientComponent="true"
icon="/images/add-16x16.png"
disabled="#{pageFlowScope.mtnAppBean.currentAppId==null}"
id="studReorder">
<af:showPopupBehavior popupId=":::studentReorderPopup"/>
</af:commandToolbarButton>
</af:toolbar>
</f:facet>
<f:facet name="statusbar"/>
<af:table value="#{bindings.AppQuestionStudentRefVO1.collectionModel}"
var="row"
rows="#{bindings.AppQuestionStudentRefVO1.rangeSize}"
emptyText="#{bindings.AppQuestionStudentRefVO1.viewable ? 'No rows yet.' : 'Access Denied.'}"
fetchSize="#{bindings.AppQuestionStudentRefVO1.rangeSize}"
selectedRowKeys="#{bindings.AppQuestionStudentRefVO1.collectionModel.selectedRow}"
selectionListener="#{bindings.AppQuestionStudentRefVO1.collectionModel.makeCurrent}"
rowSelection="single"
id="stuQTbl"
columnStretching="last"
displayRow="selected">
<af:column sortProperty="CsaAppQuestionId" sortable="true"
headerText="#{bindings.AppQuestionStudentRefVO1.hints.CsaAppQuestionId.label}"
id="c6"
inlineStyle="vertical-align:top;">
<af:outputText value="#{row.bindings.CsaAppQuestionId.inputValue}"
id="ot21"
inlineStyle="vertical-align:top;">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.AppQuestionStudentRefVO1.hints.CsaAppQuestionId.format}"/>
</af:outputText>
</af:column>
<af:column sortProperty="QuestionSeqNumber" sortable="true"
headerText="#{bindings.AppQuestionStudentRefVO1.hints.QuestionSeqNumber.label}"
id="c7"
inlineStyle="vertical-align:top;">
<af:outputText value="#{row.bindings.QuestionSeqNumber.inputValue}"
id="ot22"
inlineStyle="vertical-align:top;">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.AppQuestionStudentRefVO1.hints.QuestionSeqNumber.format}"/>
</af:outputText>
</af:column>
<af:column sortProperty="QuestionText" sortable="true"
headerText="#{bindings.AppQuestionStudentRefVO1.hints.QuestionText.label}"
noWrap="false"
width="210"
headerNoWrap="false"
id="c8"
inlineStyle="vertical-align:top;">
<af:outputText value="#{row.bindings.QuestionText.inputValue}"
escape="false" converter="hyperlinkConverter"
id="ot23"
inlineStyle="vertical-align:top;"/>
</af:column>
<af:column sortProperty="NumberWordsInResponse" sortable="true"
headerText="#{bindings.AppQuestionStudentRefVO1.hints.NumberWordsInResponse.label}"
id="c9"
inlineStyle="vertical-align:top;">
<af:outputText value="#{row.bindings.NumberWordsInResponse.inputValue}"
rendered="#{row.bindings.QuestionType.attribute == '2017'}"
id="ot24"
inlineStyle="vertical-align:top;">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.AppQuestionStudentRefVO1.hints.NumberWordsInResponse.format}"/>
</af:outputText>
</af:column>
<af:column sortProperty="ResponseRequireDisplayText"
sortable="true"
headerText="#{bindings.AppQuestionStudentRefVO1.hints.ResponseRequireDisplayText.label}"
id="c10"
inlineStyle="vertical-align:top;">
<af:outputText value="#{row.bindings.ResponseRequireDisplayText.inputValue}"
id="ot25"
inlineStyle="vertical-align:top;"/>
</af:column>
<af:column headerText="" id="c11"
inlineStyle="vertical-align:top;">
<af:panelGroupLayout layout="horizontal"
id="pgl2"
valign="top">
<af:commandButton text="Edit"
icon="/images/edit-16x16.png" id="editQ">
<af:showPopupBehavior popupId="::::appQuestionsPopup"/>
<af:clientAttribute name="csaIteratorBindingName"
value="AppQuestionStudentRefVO1Iterator"/>
<af:clientListener type="click" method="handleEvent"/>
<af:serverListener method="#{schlrAppRequestBean.editClicked}"
type="csaCustomEvent"/>
</af:commandButton>
<af:commandButton text="Delete"
icon="/images/delete-16x16.png"
id="cb6">
<af:showPopupBehavior
triggerType="action"
popupId="::::qdelpu"/>
<af:clientAttribute value="AppQuestionStudentRefVO1Iterator"
name="csaIteratorBindingName"/>
<af:clientListener method="handleEvent" type="click"/>
<af:serverListener method="#{schlrAppRequestBean.prepareForDelete}"
type="csaCustomEvent"/>
</af:commandButton>
<af:commandButton text=" Edit Choices "
rendered="#{row.QuestionType != '2017'}"
id="cb7">
<af:showPopupBehavior popupId="::::appQuestionChoice"/>
<af:clientAttribute name="csaIteratorBindingName"
value="AppQuestionStudentRefVO1Iterator"/>
<af:clientListener type="click" method="handleEvent"/>
<af:serverListener method="#{schlrAppRequestBean.editClicked}"
type="csaCustomEvent"/>
</af:commandButton>
</af:panelGroupLayout>
</af:column>
</af:table>
</af:panelCollection>
<af:popup id="appQuestionsPopup"
partialTriggers="tmplt:stuQPc"
contentDelivery="lazyUncached">
<af:dialog title="Student Question" type="none"
partialTriggers="appQuestionCancelBtn"
closeIconVisible="false" id="d8">
<f:facet name="buttonBar">
<af:panelGroupLayout layout="horizontal" halign="center"
id="pgl16">
<af:commandButton text="Save"
actionListener="#{schlrAppRequestBean.saveAppQuestion}"
id="appQuestionSaveBtn"
partialSubmit="true"/>
<af:commandButton text="Cancel"
id="appQuestionCancelBtn"
actionListener="#{schlrAppRequestBean.cancelPopup}"
immediate="true"
clientComponent="true"
partialSubmit="true">
<af:resetActionListener/>
</af:commandButton>
</af:panelGroupLayout>
</f:facet>
<af:panelFormLayout id="pfl2">
<af:inputText value="#{bindings.AppName.inputValue}"
label="#{bindings.AppName.hints.label}"
required="#{bindings.AppName.hints.mandatory}"
columns="#{bindings.AppName.hints.displayWidth}"
maximumLength="#{bindings.AppName.hints.precision}"
shortDesc="#{bindings.AppName.hints.tooltip}"
id="it11">
<f:validator binding="#{bindings.AppName.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.CsaAppQuestionId.inputValue}"
label="#{bindings.CsaAppQuestionId.hints.label}"
required="#{bindings.CsaAppQuestionId.hints.mandatory}"
columns="#{bindings.CsaAppQuestionId.hints.displayWidth}"
maximumLength="#{bindings.CsaAppQuestionId.hints.precision}"
shortDesc="#{bindings.CsaAppQuestionId.hints.tooltip}"
readOnly="true" id="it12">
<f:validator binding="#{bindings.CsaAppQuestionId.validator}"/>
<af:convertNumber groupingUsed="false"
pattern="#{bindings.CsaAppQuestionId.format}"/>
</af:inputText>
<af:inputText value="#{bindings.QuestionSeqNumber.inputValue}"
label="#{bindings.QuestionSeqNumber.hints.label}"
required="#{bindings.QuestionSeqNumber.hints.mandatory}"
columns="#{bindings.QuestionSeqNumber.hints.displayWidth}"
maximumLength="#{bindings.QuestionSeqNumber.hints.precision}"
shortDesc="Order in which question will be displayed to applicant "
id="it13">
<f:validator binding="#{bindings.QuestionSeqNumber.validator}"/>
<af:convertNumber groupingUsed="false"
pattern="#{bindings.QuestionSeqNumber.format}"/>
</af:inputText>
<af:inputText value="#{bindings.NumberWordsInResponse.inputValue}"
label="#{bindings.NumberWordsInResponse.hints.label}"
required="#{bindings.NumberWordsInResponse.hints.mandatory}"
columns="#{bindings.NumberWordsInResponse.hints.displayWidth}"
maximumLength="#{bindings.NumberWordsInResponse.hints.precision}"
shortDesc="Maximum number of words allowed in the response "
disabled="#{bindings.QuestionType.attribute != '2017'}"
partialTriggers="questionTypeId" id="it14">
<f:validator binding="#{bindings.NumberWordsInResponse.validator}"/>
<af:convertNumber groupingUsed="false"
pattern="#{bindings.NumberWordsInResponse.format}"/>
</af:inputText>
<af:inputText value="#{bindings.QuestionText.inputValue}"
label="#{bindings.QuestionText.hints.label}"
required="#{bindings.QuestionText.hints.mandatory}"
columns="60"
maximumLength="#{bindings.QuestionText.hints.precision}"
shortDesc="Verbiage of question " rows="6"
id="it15">
<f:validator binding="#{bindings.QuestionText.validator}"/>
</af:inputText>
<af:panelLabelAndMessage label="#{bindings.ResponseRequire.label}"
showRequired="false" id="plam22">
<af:panelGroupLayout layout="horizontal"
shortDesc="Checkbox indicates a response is required "
id="pgl17">
<af:selectBooleanCheckbox label="#{bindings.ResponseRequire.label}"
id="responseRequire"
value="#{bindings.ResponseRequire.inputValue}"
simple="true"
autoSubmit="true"
shortDesc="Checkbox indicates a response is required "/>
<af:spacer width="5" height="10" id="s9"/>
<af:outputText value="(#{bindings.ResponseRequireDisplayText.inputValue})"
partialTriggers="responseRequire"
id="ot49"/>
</af:panelGroupLayout>
</af:panelLabelAndMessage>
<af:selectOneChoice value="#{bindings.QuestionType.inputValue}"
label="#{bindings.QuestionType.label}"
required="#{bindings.QuestionType.hints.mandatory}"
shortDesc="#{bindings.QuestionType.hints.tooltip}"
id="questionTypeId"
autoSubmit="true">
<f:selectItems value="#{bindings.QuestionType.items}"
id="si4"/>
</af:selectOneChoice>
<af:inputText value="#{bindings.AddedBy.inputValue}"
label="#{bindings.AddedBy.hints.label}"
required="#{bindings.AddedBy.hints.mandatory}"
columns="#{bindings.AddedBy.hints.displayWidth}"
maximumLength="#{bindings.AddedBy.hints.precision}"
shortDesc="#{bindings.AddedBy.hints.tooltip}"
id="it16">
<f:validator binding="#{bindings.AddedBy.validator}"/>
</af:inputText>
<af:inputDate value="#{bindings.AddedOn.inputValue}"
label="#{bindings.AddedOn.hints.label}"
required="#{bindings.AddedOn.hints.mandatory}"
shortDesc="#{bindings.AddedOn.hints.tooltip}"
id="id5">
<f:validator binding="#{bindings.AddedOn.validator}"/>
<af:convertDateTime pattern="#{bindings.AddedOn.format}"/>
</af:inputDate>
<af:inputText value="#{bindings.UpdatedBy.inputValue}"
label="#{bindings.UpdatedBy.hints.label}"
required="#{bindings.UpdatedBy.hints.mandatory}"
columns="#{bindings.UpdatedBy.hints.displayWidth}"
maximumLength="#{bindings.UpdatedBy.hints.precision}"
shortDesc="#{bindings.UpdatedBy.hints.tooltip}"
id="it17">
<f:validator binding="#{bindings.UpdatedBy.validator}"/>
</af:inputText>
<af:inputDate value="#{bindings.UpdatedOn.inputValue}"
label="#{bindings.UpdatedOn.hints.label}"
required="#{bindings.UpdatedOn.hints.mandatory}"
shortDesc="#{bindings.UpdatedOn.hints.tooltip}"
id="id6">
<f:validator binding="#{bindings.UpdatedOn.validator}"/>
<af:convertDateTime pattern="#{bindings.UpdatedOn.format}"/>
</af:inputDate>
</af:panelFormLayout>
</af:dialog>
</af:popup>

Thanks Mohammad
I tried this but doesn't work. Also I save the getRangeStart return value before Rollback and tried to set with scrollRange(range) or scrollToRangePage(range) methods after Rollback but nothing changes, the scrollbar resets to the top position. The getCurrentRow and getRangeStart methods return the original values before rollback, but the scrollbar continue moving at the top position of the table...
Any suggestions?

After applying full scroll bar to the page including header and footer, Text editor ribbon actions cause page to automatically scroll down (while applying formatting)

After applying full scroll bar to the page including header and footer, I have provided content to
the page more than 100 lines and try to format the text from ribbon actions(format text area). On mouse over of font or fore color, the control jumps to the highlighted content area and not able to select the color. The page scrolls down and not able to click
on any action.
Consider this scenario also.
A content editor web part is added toward the bottom of the page.
Text is added to this (direct in the web part, not via a 'content link')
You highlight some text and go to the Markup Style dropdown...
Everything is fine until you hover over the "Paragraph" markup style, and suddenly the page scrolls to the web part you are editing, and you didn't have a chance
to click and apply the "Paragraph" formatting
I have tried testing this with text typed directly into the Content Editor, text pasted in from somewhere else, and text pasted in from somewhere else using "Paste as
Plaintext" option in the ribbon. In each scenario, I get the same results.
Furthermore, I have also tested this in both IE8 and IE9 and get the same results.
I can get it to occur most regularly with trying to apply the Paragraph "Markup Style" but
I've also seen this happen with Font Size (any font size). It's very frustrating since you aren't able to actually apply the formatting you need because the page jumps before you can click. Has anyone experienced this before. Any feedback would
help.

Hi,
According to your post, my understanding is that after applying full scroll bar to the page including header and footer, Text editor ribbon actions cause page to automatically scroll down (while applying formatting).
I try to apply full scroll bar to the page including header and footer, the ribbon is missing after I scroll down to the web part. And I cannot apply the "Paragraph" markup style to the content.
I recommend to use the SharePoint core styles to preserve the native functionality and GUI.
By design in SharePoint, the ribbon is always at the top. When you select the content, you can apply the "Paragraph" markup style in the ribbon.
Thanks,
Linda Li
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Linda Li
TechNet Community Support

ADF vertical table scroll bar issue when many records.

Good morning!
I am using Oracle JDeveloper version 11.1.1.6.0.
I have a search form and a simple ready-only table displaying about 1 million of records.
At the top of my search form, I have navigation buttons (First, Previous, Next, Last).
So when I click for example on the Next button, my table will highlight the next corresponding row as expected.
But here is the issue. When I click the Last button, the vertical scroll bar of the table does not scroll (automatically) to the end and display to me the very last row of my table.
How can I achieve this? When I manually scroll to the last row, I would find it highlighted but I need the vertical scroll bar to react on Last and First buttons click even though I have a big number of rows.
What should I do?
Any suggestion will be very much appreciated
Life.

Hi Frank,
I have found the answer. Here it is for anyone who would ever have or meet the same issue.
In Jsf table property inspector
I binded my table to my java bean (I called it myRichTable).
I added the First and Last buttons as partial triggers of my table
In java bean
In my last() method I encluded the following line of code: myRichTable.setDisplayRow(myRichTable.DISPLAY_ROW_LAST).
And in the first(): myRichTable.setDisplayRow(myRichTable.DISPLAY_ROW_FIRST);
Thanks!

ABAP Webdynpro table scroll bar does not work

Hello,
I have created a dynamic WD table using cl_wd_dynamic_tool=>create_table_from_node. I have set the no. of visible rows to 5. Now when ever the table has more rows, it displays a vertical scroll bar. But if I scroll it down, after 5 rows, it dosent scroll further. Am I missing something here?
Thanks and Regards,
Sandhya

Hi,
I guess you might have wriiten the code in the MODFIYVIEW right.
One thing you do....
Use the FIRST TIME parameter , create the tbale and all. When the application runs for 2nd time, then reset the vsible row count value.
Have you used any BIND_TABLE statement in this modfivyew.
Please clarify above.
Regards,
Lekha.

Mobile table scroll bar issue

Hello All,
I have used sap.m.Table on my mobile app page and I have set growingScrollToLoad to true.
Everytime I scroll the page down, table loads more and more data, but the scroll bar position moves to the top automatically.
This is very annoying because after getting bigger set of data, my scroller moves back on top and I have to move it all the way down to where I was.
Any ideas as to why the scroll bar moves up automatically and how to prevent it?
Using UI5 1.18
-Rutika

Hi Frank,
I have found the answer. Here it is for anyone who would ever have or meet the same issue.
In Jsf table property inspector
I binded my table to my java bean (I called it myRichTable).
I added the First and Last buttons as partial triggers of my table
In java bean
In my last() method I encluded the following line of code: myRichTable.setDisplayRow(myRichTable.DISPLAY_ROW_LAST).
And in the first(): myRichTable.setDisplayRow(myRichTable.DISPLAY_ROW_FIRST);
Thanks!

Table Scroll Bar

Hi all,
I would like to disabilitate the scroll bar at the end of my table in a Web dynpro, is it possible? is there an attribute to set in order to do this?
thanks
GN

Hi,
To enable scrollbar in Table UI, go to application properties, choose Parameters tab
You have a parameter WDTABLENAVIGATION set the value to SCROLLBAR to enable scrollbar.
To disable Table UI Scrollbar, set WDTABLENAVIGATION parameter value to PAGINATION.
Regards,
Bala Baskaran.S

Af:table Scroll bars not displayed in IE11 for large number of rows

Hi. I'm using JDeveloper 11.1.2.4.0.
The requirements of our application are to display a table potentially displaying very large numbers of rows (sometimes in excess 3 million). While the user does not need to scroll through this many rows, the QBE facility allows drill-down into specific information in the rowset. We moved up to JDeveloper 11.1.2.4.0 primarily so IE11 could be used instead of IE8 to overcome input latency in ADF forms.
However, it seems that IE11 does not enable the vertical or horizontal scroll bars for the af:table component when the table contains greater than (approx) 650,000 rows. This is not the case when the Chrome browser is used. Nor was this the case on IE8 previously (using JDev 11.1.2.1.0).
When the table is filtered using the QBE (to a subset < 650,000 rows), the scroll bars are displayed correctly.
In the code the af:table component is surrounded by an af:panelCollection component which is itself surrounded by an af:panelStretchLayout component.
Does anyone have any suggestions as to how this behaviour can be corrected? Is it purely a browser problem, or might there be a programmatic workaround in ADF?
Thanks for your help.

Thanks for your response. That's no longer an option for us though...
Some further investigation into the generated HTML has yielded the following information...
The missing scroll bars appear to be as a consequence of the setting of a style for the horizontal and vertical scroll bars (referenced as vscroller and hscroller in the HTML). The height of the scrollbar appears to be computed by multiplying the estimated number of rows in the iterator on which the table is based by 16 to give a scrollbar size proportional to the amount of data in the table, although it is not obvious why that should be done for the horizontal scroller. If this number is greater than or equal to 10737424 pixels then the scroll bars do not display in IE11.
It would seem better to be setting this height to a sensible limiting number of pixels for a large number of rows?
Alternatively, is it possible to find where this calculation is taking place and override its behaviour?
Thanks.

Table Scroll bars disappearing in IE8

We are facing this strange problem with af:table in IE8. We have this table with properties autoHeightRows="50" contentDelivery="immediate" set while the fetchSize is set to iterator value. In pagedef, we have set RangeSize="25". When screen opens, the table shows the data along with both vertical as well as horizontal scroll. But as soon as we start scrolling, both the scrolls disappear and as we scroll more (scrolling with mouse head), as we keep scrolling more, the table size start decreasing to last column. Again if i move the mouse scroller in opposite direction, table expands again till the actual size. This application is working fine in both firefox and chrome.
Any Idea?

Hi,
Try putting the table inside stretchable component and see if it makes any difference.
Regards,

Scroll Bars to be reset

Hello All,
In my application, the user enters customer no and obtains the list of materials in the next view. The list is displayed in a table with scroll bars.
If the user scroll the tabel and then goes back to entry screen and provides another entry then the material table scroll bar is pulled down or middle( depending on the state of scroll bar for the previous material).
Now, I would liek to reset the scroll bar to top of the table. How do i do that?
Thank you,.
Regards,
Sharath

hi, Sharath.
Have you try to use "CL_WD_TABLE" object in WdDoModify method of View?
data: lo_table type ref to CL_WD_TABLE.
lo_table ?= view->get_element( 'table name' ).
You can look for the desired method in SE24 of this class CL_WD_TABLE directly.
There are many methods.(Sorry, i have not tried anyone..Just one my suggestion..Anyway, you can try..).
Best wishes.

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

Table Grid resizing,How to avoid getting scroll bar in the browser

Hi All,
Requirement is to enable Grid Resizing feature in the Table UI element. The table will have approx 12-30 columns
For providing this feature on the table UI element, we have set the following properties
'ScrollableColCount' Property of table UI is set to -1.
'Resizable' property of each column is set to true.
This will remove the scrollbar at table level and all the columns will be shown on the screen at one time.
Problem encountered:
1. Horizontal scroll bar will be introduced on the screen.We tried giving width in pixels to individual column grid but unable to eliminate this scroll bar in the screen.
2. Also the resizing properties modified for a table grid will be applied on the similar task screen having table UI element.
For Example: In GP Workflow,if USer1 holds 2 task(Task A and B) of an application. If he resizes the column of the table in A task then these changes will be reflected in the B task table UI also.
Please provide pointers on this.
Thanks and Regards,
Pradeep

Hi,
In table set tablecellEditor wrapping property to true,by default its false.
By this you can get value in many rows(per row size is depend on whatever u have given for column width).
this way you can avoid scroll bar.
Regards
Trilochan

Table cell scroll bar overflow- why doesnt it work?

Hi everyone.
Ok, im have an existing document/site:
http://www.helenbwilson.com/helen-portfolio-1.html
I want the table cell in the left to have a scroll bar (only
with the height part). I want the "block" of the images to have a
height of 400px. Now, I have tried to do this, and for the most
part got it to work-in another document:
http://www.helenbwilson.com/CSS-test-01.html
I am trying to replicate, but I have absolutely no idea why
its not working now.
I applied a css style and I want the same type of scroll, so
when there are more images, it can have a scroll bar.
Can anyone tell me what Im doing wrong? If I am not being
clear, please let me know.
Any info would be appreciated.
Thanks
-psy

I think you mean something like this:
Put this in your head:
<style type="text/css">

</style>
put this in your body:
<div class="imageBlock">
</div>
If the table or other content you place inside your
'imageBlock' div, is higher than 400 px, you'll get a vertical
scrollbar.

Scroll bar for advancedTable or Table region

All,
In PG.xml can we add scroll bar for advancedTable or Table regions ????
Thanks,

user575383,
There is no scroll bars options for tables through framework. If table requires more width, the scrolling will get applied to the page rather than the table.
--Shiv

Apply table scroll bar

Similar Messages

Maybe you are looking for