Community
Application Development and Automation Discussions
Join the discussions or start your own on all things application development, including tools and APIs, programming models, and keeping your skills sharp.
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
Read only

Horizontal scroll in RAP

rkenjiibmsuser
Explorer

‎2024 Aug 20 6:12 PM - edited ‎2024 Aug 20 6:16 PM

0 Likes
5,456

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.

rkenjiibmsuser_1-1724173461152.png

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

rkenjiibmsuser_2-1724173550334.png

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

 

Labels

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.

rkenjiibmsuser_1-1724173461152.png

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

rkenjiibmsuser_2-1724173550334.png

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

 

Reply
5 REPLIES 5
Read only

Senqi_Hu
Participant

‎2024 Aug 21 3:16 AM

0 Likes
5,370

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

changeTableType.png

 

Read only

rkenjiibmsuser
Explorer
In response to Senqi_Hu

‎2024 Aug 21 12:31 PM

0 Likes
5,277

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. 

Read only

Senqi_Hu
Participant
In response to rkenjiibmsuser

‎2024 Aug 23 7:06 AM

5,231

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.

Read only

ozdemiryigit
Explorer

‎2024 Oct 12 8:08 PM

0 Likes
4,921

Hi @rkenjiibmsuser ,

I have same problem. Did you fixed it ?


Read only

rkenjiibmsuser
Explorer

‎2024 Oct 14 6:51 PM

0 Likes
4,848

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.