Vaadin Grid Column Re-Order (Vaadin 14 / Flow) - grid

I'm using Vaadin grid and have two grids which are more or less configured the same. One has a header row configured. I retrieve it by prependHeaderRow() method.
On both of the grids I enable column reordering by setting setColumnReorderingAllowed(true).
On both I'm then able to drag columns. BUT the one without header row lets me reorder the columns (see fig 1) and the other one prevents me from reordering by indicating all columns in grey-ish while dragging the column (fig 2).
Figure 1
Figure 2
Has somebody any idea why Vaadin grid is preventing my from re-ordering while header row is prepended? And if yes how I can get around it?
Kind regards
Ben

Related

bootstrap stacking middle column

I just started using bootstrap.. i am trying to create a page with three column.
The middle column then needs to split into further ten rows. Each row will then have corresponding php echos
I have added the code on what i am doing on this page
http://www.bootply.com/BYbAeQUSsB#
I need to know if this is the right way of making rows in a column or is there another efficient way. i need to be responsive.

Creating a chart in ASP.net

I am working on a project and need to add an additional image using the asp:chart control. Unfortunately, I've never had to use this control before and it's a bit complex to use, so I need some help.
Basically, I need to create a stacked Column chart with two legends and two columns. The first column is "income" and stacks three values. (Wages, interest and other.) The second column is "expenses" and stacks two values. (Mortgage, Other.) Each value has it's own value.
The legend for income should be on the left, the column for expenses to the right. These legends should display the texts and values for it's related value plus a 'Total' label with value.
For this task, I only have to deal with 5 values over two columns but the asp:chart control is huge and I'm drowning in all it's options. And they want it ready yesterday, so no pressure. It's already overdue... :-)
No, it's not homework. If it was, I would have practical documentation and the additional how-to information. Since my Boss expects me to add this, he just gave me absolutely no information to work with, except for the code which already contains several other charts, none of them like this one and all done by previous victims who each used their own coding style. Basically, the project code is a huge mess so useless as documentation. (And amazingly it works, as long as I only use asp:chart for these graphics.)
The biggest problem I'm having is stacking the values correctly. Since I have two columns and 3 values, it could be solved with three series, each with points for column 1 and 2. Unfortunately, this puts income and expense in the same label, which is not what I want.
If I make it 5 series, for every value one point, then the second column doesn't start at the right height. So that won't work either.
You can download Samples for Chart Control from msdn which give you complete in depth knowledge of how to use them
http://archive.msdn.microsoft.com/mschart/Release/ProjectReleases.aspx?ReleaseId=1591
For learning see these blogs as well
https://web.archive.org/web/20211020203246/https://www.4guysfromrolla.com/articles/072209-1.aspx
http://weblogs.asp.net/scottgu/archive/2008/11/24/new-asp-net-charting-control-lt-asp-chart-runat-quot-server-quot-gt.aspx

Sort vertical headers of QTableWidget

I have a QTableWidget that is used to display lots of data, basically derived from a function f(a,b). All a values go into the horizontal header, all b values into the vertical header and all f(a,b) into the corresponding cell.
The columns should be sortable. When a user clicks a column, all values in that column are sorted and all other columns are also "synchronized", since whole rows are sorted (using the clicked column as a sort criterium).
This works. Except for the "header column", the vertical header. The vertical header does not change, it does not synchronize with the reorganized rows. Is this the intended behaviour? Is it a bug in my code? How do I make the vertical header sort, too? Or do I need to add my b's to an ordinary column?
edit: I solved it now by making the header column an ordinary column. Though, I would still be interested in why the vertical header does not sort with the other columns.
Try to use QTableView instead of QTableWidget.
And use QAbstractTableModel for computing f(a,b)

how to create cells in flex(have to find each cell)

can any one help me how to make cells in flex....
Suppose if i need 4 columns and 10 rows...it should display grid with rows and columns.
And i should be able to find each cell.
It depends. If you need a table-like component you can use the mx:Datagrid component or if you have custom component which you want to repeat you can use the s:Datagroup (Repeater in Flex3) with a Tile layout. You can use getElementAt() to get the cell.

Flex: Make columns aligned between 2 DataGrids?

I have 2 advanced data grids, one above the other. They both have the exact number of columns, and pertain to each other in the same way. But each is showing different data, which is why I split into 2 grids. However, on each one you can resize the columns, what I would like is to make it so that if you resize a column on either datagrid the same column on the opposite datagrid resizes as well, so they are both always lined up.
Is there a way to do this?
Thanks!!
private function onColumnStretch(e:AdvancedDataGridEvent):void
{
(adg1.columns[e.columnIndex] as AdvancedDataGridColumn).width = (adg2.columns[e.columnIndex] as AdvancedDataGridColumn).width;
}
Add to dategrid:
columnStretch="onColumnStretch(event)"

Resources