Horizontal scroll in RAP

[rkenjiibmsuser]

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?

[rkenjiibmsuser]

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?

[Senqi_Hu]

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

[rkenjiibmsuser]

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. 

[Senqi_Hu]

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.

[ozdemiryigit]

Hi @rkenjiibmsuser ,

I have same problem. Did you fixed it ?

[rkenjiibmsuser]

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.