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

[former_member209118]

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

[former_member209118]

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>

[junwu]

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

[former_member209118]

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.

[junwu]

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

[junwu]

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

what u are trying to do now?

[former_member209118]

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.

[junwu]

you already did something wrong.

show us your code(the view)