nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Crosstab

BregoXX

Hi all.
Designer create complex layout for report. See attach.
How i can create such report item?

Find more posts tagged with

Comments

bricombs

Good Day
You may want to take a look at the sample crosstab report as a starting point. It ships as part of our samples. I have included a link to the sample report and the top level link for all samples.

http://www.eclipse.org/birt/phoenix/examples/solution/crosstab.html

http://www.eclipse.org/birt/phoenix/examples/

You could also look at doing grouping in a report to get a report that looks like your screen shot. From your screen shot it is hard to know what you are showing for a value under the product.

BregoXX

Sorry for my English 
thanx for reply. 
I have found solution for create layout. 
In beforeFactory method i execute script. 
He crete header grid, and then for each product create grid with productName and grid with sale values to country for product. 
<blockquote class='ipsBlockquote' >
importPackage(Packages.org.eclipse.birt.report.model.elements); 
importPackage (Packages.org.eclipse.birt.report.model.api); 
 
var grid = reportContext.getDesignHandle().findElement("anchorGrid"); 
var cell = grid.getCell(0, 0); 
 
var seArray = new Array("Japan", "Germany", "USA"); 
seArrayLength = seArray.length; 
 
var headerGrid = reportContext.getDesignHandle().getElementFactory().newGridItem("headerGrid", seArrayLength, 1); 
 
for(i = 0; i < seArrayLength; i++) { 
var headerCell = headerGrid.getCell(1, i + 1); 
var headerLabel = reportContext.getDesignHandle().getElementFactory().newLabel(seArray); 
headerLabel.setText(seArray); 
headerCell.getContent().add(headerLabel); 
} 
 
cell.getContent().add(headerGrid); 
 
var array = new Array(1,2,3,4,5,6,7,8); 
var length = array.length; 
 
for(i = 0; i < length; i++) { 
var grid = reportContext.getDesignHandle().getElementFactory().newGridItem("grid" + 1, 1, 1); 
gridCell = grid.getCell(1,1); 
 
var label = reportContext.getDesignHandle().getElementFactory().newLabel("label" + i); 
label.setText("productName" + i); 
gridCell.getContent().add(label); 
 
cell.getContent().add(grid); 
 
var valueGrid = reportContext.getDesignHandle().getElementFactory().newGridItem("name" + i, seArrayLength, 1); 
for(j = 0; j < seArrayLength; j++) { 
var valueCell = valueGrid.getCell(1, j + 1); 
var value = reportContext.getDesignHandle().getElementFactory().newLabel("value" + j); 
value.setText(Math.round(Math.random() * 1000)); 
valueCell.getContent().add(value); 
} 
 
cell.getContent().add(valueGrid); 
} </blockquote>
 
But, i don`t know how create header with country names on each page if i have page break..

bricombs

Good Day
If the standard crosstab does not provide you with the formatting that you are needing you could look at using a table instead of a grid. The header rows in a table will repeat on a page break. If you don't want to script everything for a table you could look at creating a scripted data source to bind to a table. This way you only need to create the data so that it is structured to show in the table the way you want it.