Vertical Grid

[KINS]

I have used Grid control in blazer web application.It works fine as per our requirements.I would like to know how to use Vertical Grid. 

Note:-

I have used Vertical Grid in DevExpress

[Jeevakanth Palaniappan]

Hi Ismail, 

Greetings from Syncfusion support. 

We have analyzed your query and we have achieve your requirement to display the Vertical Grid by using ColumnTemplate feature of the Grid. Refer the below code example. 

    <SfGrid TValue="ExpandoObject" GridLines="GridLine.Both" RowHeight="60" Width="800px" Height="500" DataSource="@Transposed" AllowSelection="false" EnableHover="false"> 

        <GridColumns> 

            @foreach (var col in Cols) 

            { 

                <GridColumn Field="@col" Width=@(Cols.IndexOf(col) == 0 ? "50" : "100")> 

                    <Template> 

                        @{ 

                            dynamic data = (context as ExpandoObject); 

                            <span>@(((IDictionary<String, Object>)data)[col])</span> 

                        } 

                    </Template> 

                </GridColumn> 

            } 

        </GridColumns> 

    </SfGrid> 

Refer the below screenshot for your reference 

 

Refer our UG documentation for your reference 

https://blazor.syncfusion.com/documentation/datagrid/columns/#column-template  

https://blazor.syncfusion.com/documentation/datagrid/templates/  

https://blazor.syncfusion.com/documentation/datagrid/data-binding/#expandoobject-binding 

Please get back to us if you have further queries.  

Regards, 

Jeevakanth SP. 

[KINS]

Thanks

[Jeevakanth Palaniappan]

Hi Ismail, 

You are most welcome. Please get back to us if you have any other queries. 

Regards, 

Jeevakanth SP. 

[Mason Channer]

Could you provide a full sample of vertical grid?

[Jeevakanth Palaniappan]

Hi Mason, 

Please find the sample below for your reference. 

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGrid-1465961470 

Get back to us if you have any other queries. 

Regards, 

Jeevakanth SP. 

[KINS]

I have another question in Vertical Grid.

1.How to add action button (Edit/Delete) in Vertical Grid.

2.As per above sample code, How to get "OrderID" value when we click on action button (Edit/Delete) .

[KINS]

awaiting for reply...

[Monisha Saravanan]

Hi Kins,

We are currently checking the feasibility in achieving your requirement. We will update further details within two business days.

Regards,

Monisha

[KINS]

ok noted with thanks

[Monisha Saravanan]

Hi Kins,

Thanks for the patience.

We would like to inform that to display the Grid in vertical state we have used templates and it is impossible to perform CRUD operation while using templates. So it is not feasible to achieve your requirement at our end.

Please let us know if you have any concerns.

[KINS]

Thanks for reply..

I am not doing any crud operation. I would like to add only two action button and also I would lie to get "OrderID" when I click on "Edit" button.

[Monisha Saravanan]

Hi Kins,

Query: “I would like to add only two action button and also I would lie to get "OrderID" when I click on "Edit" button.”

We suspect that you are expecting to include two buttons Edit/Delete and we would like to inform that it is impossible for us to perform edit or delete in vertical grid. Because we have manipulated the data and used templates to display the data vertically in Grid. Also we would like to inform that Template is only for display purpose. So we could not able to perform (Add, Edit, Update or Delete (i.e.) CRUD operation)) in vertical DataGrid.

So we cannot able to retrieve OrderID when we click Add/Edit Button.

Kindly get back to us if you have any concerns.

Regards,

Monisha