Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

SEO-2268 Issue Fixed #144

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Scholar-jaruha wants to merge 2 commits into hotfix/hotfix-v20.1.0.55
base: hotfix/hotfix-v20.1.0.55
Choose a base branch
Loading
from SEO-2268-Aspnetmvc-TreeGrid
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 14 additions & 14 deletions aspnetmvc/TreeGrid/Rows.md
View file Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Rows | TreeGrid | ASP.NET MVC | Syncfusion
description: rows
description: Learn about Easy Customization support in Syncfusion ASP.NET MVC TreeGrid, its elements and more.
platform: ejmvc
control: TreeGrid
documentation: ug
---

# Rows
# Rows in ASP.NET MVC TreeGrid

The TreeGrid rows displays the information of each row from the bounded data source.

Expand Down Expand Up @@ -176,7 +176,7 @@ Row template is used to customize the TreeGrid rows based on requirements. In Tr

The output of TreeGrid with Row Template is as follows.

![](Rows_images/Rows_img1.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img1.png)

[Click](http://mvc.syncfusion.com/demos/web/treegrid/treegridrowtemplate) here to view online sample for TreeGrid Row Template

Expand All @@ -197,7 +197,7 @@ The following code example explains how to change the row height in TreeGrid

{% endhighlight %}

![](Rows_images/Rows_img5.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img5.png)

The above screenshot shows TreeGrid render with row height of 50.
{:.caption}
Expand All @@ -218,7 +218,7 @@ The following code explains about enabling the alternate row style in TreeGrid

{% endhighlight %}

![](Rows_images/Rows_img4.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img4.png)

The above screenshot shows TreeGrid with alternate row style.
{:.caption}
Expand Down Expand Up @@ -249,7 +249,7 @@ The following code explains about enabling the row drag and drop with the defaul

The following screenshot depicts a row drag and drop in the TreeGrid.

![](Rows_images/Rows_img2.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img2.png)

## Customizing Drag tooltip

Expand Down Expand Up @@ -281,7 +281,7 @@ The following code shows how to render row drag tooltip with JsRender template.
@(Html.EJ().ScriptManager())
{% endhighlight %}

![](Rows_images/Rows_img3.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img3.png)

## Multiple row drag and drop

Expand All @@ -304,7 +304,7 @@ We can also customize row drag and drop actions by using below properties

* canDrop – It is used to enable/disable the row drop action for draggedRecords collection in `RowDropActionBegin` client side event.

![](Rows_images/Rows_img13.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img13.png)

[Click](http://mvc.syncfusion.com/demos/web/treegrid/treegridrowdraganddrop) here to view the demo sample for multiple drag and drop action.

Expand Down Expand Up @@ -336,7 +336,7 @@ The following code example shows how to enable details tow in TreeGrid.

{% endhighlight %}

![](Rows_images/Rows_img8.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img8.png)

The above screenshot shows details row in TreeGrid.
{:.caption}
Expand All @@ -363,7 +363,7 @@ The following code example shows how to hide detail info column in TreeGrid.

{% endhighlight %}

![](Rows_images/Rows_img9.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img9.png)

The above screenshot shows details row rendered next to the respective row.
{:.caption}
Expand All @@ -384,7 +384,7 @@ The following code example shows how to set details row height in TreeGrid.

{% endhighlight %}

![](Rows_images/Rows_img10.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img10.png)

The above screenshot shows details row rendered with height of `150px`.
{:.caption}
Expand Down Expand Up @@ -416,7 +416,7 @@ function detailsDataBound(args) {

{% endhighlight %}

![](Rows_images/Rows_img12.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img12.png)

The above screenshot shows details row customization for specific row.
{:.caption}
Expand Down Expand Up @@ -466,7 +466,7 @@ The following code example shows how to use this property.

{% endhighlight %}

![](Rows_images/Rows_img6.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img6.png)

The above screenshot shows TreeGrid render with collapsed state.
{:.caption}
Expand Down Expand Up @@ -533,7 +533,7 @@ public class TreeGridController : Controller

The below screenshot shows the output of above code example..

![](Rows_images/Rows_img7.png)
![ASP.NET MVC TreeGrid Rows](Rows_images/Rows_img7.png)

### Expand/Collapse all the rows dynamically

Expand Down

AltStyle によって変換されたページ (->オリジナル) /