topic Re: Horizontal scroll in RAP in Application Development and Automation Discussions

Horizontal scroll in RAP

rkenjiibmsuser — Tue, 20 Aug 2024 17:16:33 GMT

I created a new CDS view with a lot of columns, but the horizontal bar not appear.

My cds:

@AccessControl.authorizationCheck: #NOT_REQUIRED @EndUserText.label: 'Read-Only E2E": Data Model Flight' define view entity YKENJI_INFORME_RECAUDO as select from bseg as BSEG { @Former Member.lineItem: [ { position: 10, label: 'CompCode'} ] key bseg.bukrs as BUKRS, @Former Member.lineItem: [ { position: 20, label: 'AccDoc.'} ] key bseg.belnr as BELNR, @Former Member.lineItem: [ { position: 30, label: 'Year'} ] key bseg.gjahr as GJAHR, @Former Member.lineItem: [ { position: 40, label: 'Item'} ] key bseg.buzei as BUZEI, @Former Member.lineItem: [ { position: 50, label: 'Currency'} ] bseg.rfccur as rfccur, @Former Member.lineItem: [ { position: 60, label: 'Doc.TP'} ] bseg.bschl as BSCHL, @Semantics.amount.currencyCode: 'rfccur' @Former Member.lineItem: [ { position: 70, label: 'Value'} ] bseg.wrbtr as WRBTR, @Former Member.lineItem: [ { position: 80, label: 'Customer'} ] bseg.kunnr as kunnr, @Former Member.lineItem: [ { position: 90, label: 'Comp'} ] bseg.augbl as AUGBL, @Former Member.lineItem: [ { position: 100, label: 'DtComp'} ] bseg.augdt as augdt, @Former Member.lineItem: [ { position: 110, label: 'Assign'} ] bseg.zuonr as zuonr, @Former Member.lineItem: [ { position: 120, label: 'Text'} ] bseg.sgtxt as sgtxt, @Former Member.lineItem: [ { position: 130, label: 'Ordem'} ] bseg.aufnr as aufnr, @Former Member.lineItem: [ { position: 140, label: 'SO'} ] bseg.vbeln as vbeln }

I created service definition and service binding, and result when executed is a list without horizontal bar.

When i click in "Show Detail" button, the scroll not appear, the other fields appear below.

How can i set my CDS as a grid with horizontal bar?

回复： Horizontal scroll in RAP

Senqi_Hu — Wed, 21 Aug 2024 02:16:18 GMT

Hi, the report you show is constructed with a responsiveTable by default, you need to change the table type to GridTable.

回复： Horizontal scroll in RAP

rkenjiibmsuser — Wed, 21 Aug 2024 11:31:06 GMT

Thank's Senqi_Hu !

As i'm working with ABAP Rap, has any annotation that i could set this paramater as GridTable? I'm not able to change json file manually.

回复： Horizontal scroll in RAP

Senqi_Hu — Fri, 23 Aug 2024 06:06:05 GMT

As far as I know, annotation can't accomplish this. You're probably previewing the fiori temp interface via eclipse adt. ABAP RAP still needs to generate the frontend fiori elements project by using Business Application Studio or VS Code. After this, you will get the 'manifest.json' file.

Re: Horizontal scroll in RAP

ozdemiryigit — Sat, 12 Oct 2024 19:08:20 GMT

Hi @rkenjiibmsuser ,

I have same problem. Did you fixed it ?

Re: Horizontal scroll in RAP

rkenjiibmsuser — Mon, 14 Oct 2024 17:51:19 GMT

It's exactly Senqi_Hu said, in CDS we don't have anything to do. ADT in eclipse assume table as GridTable. To change it, when you deploy your RAP to fiori app, you have to change manifest.json to change this table of type to generate app as analitic table. In VScode you have a option to change this type of table in moment of generate RAP to fiori app.