Skip to content

DOCINFRA-2341_merged_using_automation #241

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.

Sign up for GitHub

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

Merged
merged 5 commits into from
Nov 3, 2022
Merged

DOCINFRA-2341_merged_using_automation #241

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
27b86ef
images renamed
Sharly-Atieno Oct 18, 2022
198ae9f
ASP.NET Core Image Alt Text
Yvone-Atieno Oct 19, 2022
7b6271d
essential removed
Sharly-Atieno Oct 20, 2022
808745f
Merge pull request #233 from syncfusion-content/SEO-2732-ASP.NET-Core…
Aishwarya-Ganesan Nov 2, 2022
52bfc48
Merge pull request #232 from syncfusion-content/SEO-2750-ASP.NET-Core…
Aishwarya-Ganesan Nov 2, 2022
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
2 changes: 1 addition & 1 deletion aspnet-core/DateTimePicker/Localization.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ N> To render the DateTimePicker Control you can use either Razor or Tag helper c

2. The following screenshot displays the output for the above code.

![](Localization_images/Localization_img1.png)
![ASP.NET Core DateTimePicker Localization](Localization_images/Localization_img1.png)

Showcase for DateTimePicker with Spanish culture
{:.caption}
Expand Down
42 changes: 21 additions & 21 deletions aspnet-core/Grid/Columns.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Columns with grid widget for Syncfusion Essential ASP.NET Core
description: columns
title: Columns in ASP.NET Core Grid Control | Syncfusion
description: Learn here all about Column support in Syncfusion Essential ASP.NET Core Grid control, its elements, and more.
platform: aspnet-core
control: Grid
documentation: ug
---

# Columns
# Columns in ASP.NET Core Grid

The column definitions are used as the DataSource schema in the Grid and it plays vital role in rendering column values in required format and sorting, filtering, editing based on its type. The `field` property of the columns is necessary to map the datasource values in grid columns.

Expand Down Expand Up @@ -46,7 +46,7 @@ The columns are automatically generated when `columns` declaration is empty or u

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img1.png)
![Auto Generation in ASP.NET Core Grid](columns_images/columns_img1.png)

### How to set the `is-primary-key` for auto generated columns when editing is enabled:

Expand Down Expand Up @@ -167,7 +167,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img2.png)
![Header in ASP.NET Core Grid](columns_images/columns_img2.png)

### Header text alignment

Expand Down Expand Up @@ -215,7 +215,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img3.png)
![Header Text Alignment in ASP.NET Core Grid](columns_images/columns_img3.png)


### Header template
Expand Down Expand Up @@ -314,7 +314,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img5.png)
![Text Alignment in ASP.NET Core Grid](columns_images/columns_img5.png)

## Format

Expand Down Expand Up @@ -358,7 +358,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img6.png)
![Format in ASP.NET Core Grid](columns_images/columns_img6.png)

## Width

Expand Down Expand Up @@ -400,7 +400,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img7.png)
![Width in ASP.NET Core Grid](columns_images/columns_img7.png)


## Resizing
Expand Down Expand Up @@ -519,7 +519,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img8.png)
![Resize to Fit in ASP.NET Core Grid](columns_images/columns_img8.png)


## Reorder
Expand Down Expand Up @@ -561,7 +561,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img10.png)
![Reorder in ASP.NET Core Grid](columns_images/columns_img10.png)

## Visibility

Expand Down Expand Up @@ -603,7 +603,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img11.png)
![Visibility in ASP.NET Core Grid](columns_images/columns_img11.png)


## Unbound Column
Expand Down Expand Up @@ -656,7 +656,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img13.png)
![Unbound Column in ASP.NET Core Grid](columns_images/columns_img13.png)

## Controlling grid actions

Expand Down Expand Up @@ -736,7 +736,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img15.png)
![Command Column in ASP.NET Core Grid](columns_images/columns_img15.png)


## Command column
Expand Down Expand Up @@ -803,7 +803,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img17.png)
![Default Action Button in ASP.NET Core Grid](columns_images/columns_img17.png)

### Custom buttons

Expand Down Expand Up @@ -902,7 +902,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img18.png)
![Custom Buttons in ASP.NET Core Grid](columns_images/columns_img18.png)


## Column chooser
Expand Down Expand Up @@ -945,7 +945,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img19.png)
![Column Chooser in ASP.NET Core Grid](columns_images/columns_img19.png)

## Foreign key column

Expand Down Expand Up @@ -997,7 +997,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img20.png)
![Foreign Key Column in ASP.NET Core Grid](columns_images/columns_img20.png)

## Customize column

Expand Down Expand Up @@ -1053,7 +1053,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img23.png)
![Customize Column in ASP.NET Core Grid](columns_images/columns_img23.png)

## Type

Expand Down Expand Up @@ -1096,7 +1096,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img24.png)
![Type in ASP.NET Core Grid](columns_images/columns_img24.png)

## Column layout

Expand Down Expand Up @@ -1140,5 +1140,5 @@ You can set the grid's columns layout based on either grid width or its columns

The following output is displayed as a result of the previous code example.

![](columns_images/columns_img25.png)
![Column Layout in ASP.NET Core Grid](columns_images/columns_img25.png)