Skip to Content
0

How to apply css for scrollbar in sap.ui.table

Dec 01, 2016 at 09:58 AM

97

avatar image

Hi Experts,

I'm using sap.ui.table to fix some columns and remaining as scroll. Now I want to show arrow at ends. I'm unable to apply css for that.

Thanks in Advance.

capture1.pngcapture2.png

Thanks,

Kumar

capture1.png (7.1 kB)
capture2.png (499 B)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Jun Wu Dec 01, 2016 at 08:57 PM
0

the arrow is there(end), unless you did something wrong...

Show 5 Share
10 |10000 characters needed characters left characters exceeded

Thanks for reply.It is working if I removed the standard CSS (please check capture1.png file).Now how can I apply those changes to my application.

Thanks,

Kumar.

0

don't know what u are talking........

0

you don't have to do anything, the end arrow is there, unless u did something wrong.

what u are trying to do now?

0

Hi Jun,

I need horizontal scrollbar for Table with arrow symbol at start and end point of scrollbar. I'm not able to get the arrows for chrome browser but it is coming for Firefox browser.

I haven't done anything. But What I seen is there is

.sap-desktop ::-webkit-scrollbar {

width: 16px;

height:16px;

background-color: #f7f7f7;

}

If I uncheck those three properties. I'm able to get the arrows.

Now my question is how to apply those changes to my application.

Please check below links. For more details.

without-arrow.png

witharrowcode-css.png withoutarrowcode-css.png witharrow.png witharrowcode-css.png

Thanks,

Kumar.

0

you already did something wrong.

show us your code(the view)

0
ashok gondi Dec 03, 2016 at 04:44 PM
0

Hi Jun,

Can you please try to open below link in chrome and Firefox

https://sapui5.hana.ondemand.com/sdk/#test-resources/sap/ui/table/demokit/Table.html

You can see the difference.

code in View:

<t:Table id="TItems" rows="{PRItemSet}" selectionMode="MultiToggle" VisibleRowCountMode="Auto" fixedColumnCount="3"

>

<t:columns>

<t:Column width ="90px" id="ItemCatColumn"> <Label text="{i18n>ItemCat}" />

<t:template> <Input id="ItemCatInput" editable="{UIEditable}" valueState="{ItemCatValueState}" placeholder="{ItemCatPlaceholder}" valueStateText="{ItemCatValuetValueStateText}" liveChange="handleItemCatliveChange" value="{ItemCat}" />

</t:template>

</t:Column>

</t:columns>

</t:Table>

Share
10 |10000 characters needed characters left characters exceeded