We've encouterred a problem where we need to use rowSpan and autoHeight (or any kind of dynamic height) for a cell in tandem.
According to the docs, autoHeigth is not supported when using rowSpan: https://www.ag-grid.com/archive/27.1.0/react-data-grid/row-spanning/#constraints-with-row-spanning
Our scenario:
We have a grid, where the first column is a "grouping" column, and the next columns are for "children" properties. E.g.: United States has 4 athletes, so the first column would span 4 rows, and the others 1. The issue is, we need to show more information in the first column, and it works ok if there are 2 or more "children" - the information fits in the cell, but when there is only 1 "child", the 1st column only spans 1 row and the information's does not fit. Some kind of mechanism is needed to make the row higher when, let's say rowSpan is less than 2.
Here's the a simple plunker to represent the scenario: https://plnkr.co/edit/lSO9tOKPfsBmrzPC
As seen in the screenshot, the cell contents do not fit, on row 5 (2 based on the 1 column rowSpan)
Since autoHeight is not supported when using rowSpan, has anyone encountered a similar scenario and has a suggestion for a workaround for dynamic height?
Related
So I am implementing sort of a data table in flutter. it shows data based on time in days in rows and some other variant in columns. so naturally, first row is name of the days, and then in first column are values of the other variant. What properties of GridView.count can I use to make first row and column stay fixed when scrolling the grid. so that you can always see the data variants in screen.
I have gone over all properties of GridView.count but I can't find anything.
PS: I don't want to change to something else Like GridView.builder..... because the code is too far gone with how it renders the dynamic data in the rest of rows and columns.
Please Use data table instead of Grid
https://api.flutter.dev/flutter/material/DataTable-class.html.
The predefined ratios of sap.f.LayoutType for two columns in Flexible Column Layout are
67/33/- TwoColumnsBeginExpanded
33/67/- TwoColumnsMidExpanded
Is there a way to change the ratio/width of the columns?
I wanted to have a 50%/50% ratio, but it seems not possible according to Documentation
Although the FlexibleColumnLayout can display 2 or 3 pages at one
time, they can never have equal width (50%/50% or 33%/33%/33%). One of
the pages is always larger (expanded) or even takes up the full width
of the control (fullscreen). This is intentional because users should
have a clear indication of what to focus their attention on at any
given moment, for example, a list of items, one particular item, one
item’s details.
Now I'm using sap.ui.layout.ResponsiveSplitter instead.
I use ag-grid enterprise edition and I would to add total columns in pivot mode. It is very clear in document how to do so but not in server-side rendering. The idea is that the back-end calculate the total of values for each row and I want to show it in the grid.
I tried a workaround using custom row groups and adding new columns to columnDef to describe the total columns, but it's not showing in the grid, because the total is not a row group. I can't find in the API a method to add a column that is not a Value column or a Pivot column in the ag-grid in pivot mode.
I want to know is someone find a way to do it in this context.
Nevermind, I find how to do it. You just have to push the columns you want as total using gridColumnApi.setSecondaryColumns. It's important to be aware of the colId and field to match the key of your row data corresponding.
** I'm using SSRS2008 R2
I have a report that the users would like to see in a printable pdf.
Problem is there are several columns, potentially too many to fit on a printed 8.5x11 paper.
One of the concepts they suggested was a stacked header/data display, like breaking the columns into 2 rows, so 2 rows of data (for John and Bill) would look like this:
NAME START_DATE STATE COMPANY
ACCOUNT BALANCE END_DATE
-------------------------------------------------------
John 1/20/2016 NY GE
10076 $100.00 2/20/2016
-------------------------------------------------------
Bill 5/13/2016 MA Netflix
00013 $150.00 12/31/2016
-------------------------------------------------------
This leads me to 2 questions:
Is there a way to do this with a tablix?
AND/OR in addition, is there a way to set a default property on the report so when the report is exported to pdf and to print, that it defaults to fit all columns on one page (therefor shrinking the font size to fit on page?)
For anyone that cares - Apparently this can easily be achieved by dragging a Tablix onto the work area, right clicking the header row, adding a new row underneath (basically becomes header row 2), then do the same thing to the details row - however make sure to insert row - Inside group. That allows you to have stacked header and data rows and you can copy / paste headers and row values in whichever row you'd prefer.
it will work if you make all the columns on the same height not unequal. If all the columns has same height, then while exporting to pdf/excel and print it will come in the same page.
I have a form with two grids. I have one table with rows where each row has a status of Yes or No. I'd like to display all the yes's in the top and the no's in the bottom grid.
A similar scenario would be if I wanted to show SalesTable header records. The top grid would be only those with a status of Delivered, and the bottom grid those with a status of Invoiced.
How can I accomplish this?
I've gotten close by adding another datasource of the same table type. I add a QueryBuildRange to filter the records but I get two issues:
When I click on a row in the top/bottom, it moves both row lines at the same time (the highlighting thing
It wants to show an equal number of top rows as bottom rows for some reason?? If I have 3 delivered sales orders, and 5 invoiced sales orders, it will show 3 in the top and 3 in the bottom.
Seams like the Grid-controls are being controlled by the same DataSource.
Check the properties of the Grid-control: make sure they are not set to the same DataSource!
Anyway, it would be helpful to know how the Form is structured and how the QueryBuildRange was added.
I created a very simple Form and it worked correctly:
added two Datasets with T-SalesTable each
added two Grid-controls to the Design (or to a TabPage, both worked)
adjusted the DataSource-property of each Grid to point to each DataSource
added fields (the AutoReport group) from the corresponding DataSource to each Grid
this one worked correctly (despite having the same contents. Then I
added a range in the init method of each of the Datasets
and it still worked.