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 { @ui.lineItem: [ { position: 10, label: 'CompCode'} ] key bseg.bukrs as BUKRS, @ui.lineItem: [ { position: 20, label: 'AccDoc.'} ] key bseg.belnr as BELNR, @ui.lineItem: [ { position: 30, label: 'Year'} ] key bseg.gjahr as GJAHR, @ui.lineItem: [ { position: 40, label: 'Item'} ] key bseg.buzei as BUZEI, @ui.lineItem: [ { position: 50, label: 'Currency'} ] bseg.rfccur as rfccur, @ui.lineItem: [ { position: 60, label: 'Doc.TP'} ] bseg.bschl as BSCHL, @Semantics.amount.currencyCode: 'rfccur' @ui.lineItem: [ { position: 70, label: 'Value'} ] bseg.wrbtr as WRBTR, @ui.lineItem: [ { position: 80, label: 'Customer'} ] bseg.kunnr as kunnr, @ui.lineItem: [ { position: 90, label: 'Comp'} ] bseg.augbl as AUGBL, @ui.lineItem: [ { position: 100, label: 'DtComp'} ] bseg.augdt as augdt, @ui.lineItem: [ { position: 110, label: 'Assign'} ] bseg.zuonr as zuonr, @ui.lineItem: [ { position: 120, label: 'Text'} ] bseg.sgtxt as sgtxt, @ui.lineItem: [ { position: 130, label: 'Ordem'} ] bseg.aufnr as aufnr, @ui.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.