diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/columns.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/columns.md index f3109a11cd..bbae0054a3 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/columns.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/columns.md @@ -33,35 +33,6 @@ Grid column supports the following types: N> If the [`Type`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Type) is not defined, it will be determined from the first record of the [`DataSource`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_DataSource).
Incase if the first record of the [`DataSource`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_DataSource) is null/blank value for a column then it is necessary to define the [`Type`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Type) for that column. -## ValueAccessor - -The **valueAccessor** is used to access/manipulate the value of display data. You can achieve custom value formatting by using the valueAccessor. - -{% if page.publishingplatform == "aspnet-core" %} - -{% tabs %} -{% highlight cshtml tabtitle="CSHTML" %} -{% include code-snippet/grid/columns/valueaccessor/tagHelper %} -{% endhighlight %} -{% highlight c# tabtitle="Valueaccessor.cs" %} -{% include code-snippet/grid/columns/valueaccessor/valueaccessor.cs %} -{% endhighlight %} -{% endtabs %} - -{% elsif page.publishingplatform == "aspnet-mvc" %} - -{% tabs %} -{% highlight razor tabtitle="CSHTML" %} -{% include code-snippet/grid/columns/valueaccessor/razor %} -{% endhighlight %} -{% highlight c# tabtitle="Valueaccessor.cs" %} -{% include code-snippet/grid/columns/valueaccessor/valueaccessor.cs %} -{% endhighlight %} -{% endtabs %} -{% endif %} - - - ## Format To format cell values based on specific culture, use the [`Format`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Format) property of [`Columns`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html). The grid uses Internalization library to format number and date values. diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/columns.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/columns.md index 57851e0be8..8bbee1b14c 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/columns.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/columns.md @@ -32,35 +32,6 @@ Grid column supports the following types: N> If the [`type`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Type) is not defined, it will be determined from the first record of the **DataSource**.
Incase if the first record of the **DataSource** is null/blank value for a column then it is necessary to define the [`type`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Type) for that column. -## ValueAccessor - -The **valueAccessor** is used to access/manipulate the value of display data. You can achieve custom value formatting by using the valueAccessor. - -{% if page.publishingplatform == "aspnet-core" %} - -{% tabs %} -{% highlight cshtml tabtitle="CSHTML" %} -{% include code-snippet/grid/columns/valueaccessor/tagHelper %} -{% endhighlight %} -{% highlight c# tabtitle="Valueaccessor.cs" %} -{% include code-snippet/grid/columns/valueaccessor/valueaccessor.cs %} -{% endhighlight %} -{% endtabs %} - -{% elsif page.publishingplatform == "aspnet-mvc" %} - -{% tabs %} -{% highlight razor tabtitle="CSHTML" %} -{% include code-snippet/grid/columns/valueaccessor/razor %} -{% endhighlight %} -{% highlight c# tabtitle="Valueaccessor.cs" %} -{% include code-snippet/grid/columns/valueaccessor/valueaccessor.cs %} -{% endhighlight %} -{% endtabs %} -{% endif %} - - - ## Format To format cell values based on specific culture, use the [`format`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Format) property of **e-grid-column** tag helper . The grid uses **Internalization** library to format **number** and **date** values. diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/how-to/customize-the-icon-for-column-menu.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/how-to/customize-the-icon-for-column-menu.md deleted file mode 100644 index cfd21a6098..0000000000 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/how-to/customize-the-icon-for-column-menu.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -layout: post -title: Customize The Icon For Column Menu in ##Platform_Name## Grid Component -description: Learn here all about Customize The Icon For Column Menu in Syncfusion ##Platform_Name## Grid component of Syncfusion Essential JS 2 and more. -platform: ej2-asp-core-mvc -control: Customize The Icon For Column Menu -publishingplatform: ##Platform_Name## -documentation: ug ---- - - -# Customize the icon for column menu - -You can customize the column menu icon by overriding the default grid class **.e-icons.e-columnmenu** with a custom property **content** as mentioned below, - -```css - -.e-grid .e-columnheader .e-icons.e-columnmenu::before { - content: "\e969"; -} - -``` - -In the below sample, grid is rendered with a customized column menu icon. - -{% if page.publishingplatform == "aspnet-core" %} - -{% tabs %} -{% highlight cshtml tabtitle="CSHTML" %} -{% include code-snippet/grid/how-to/custom-column-menu-icon/tagHelper %} -{% endhighlight %} -{% highlight c# tabtitle="Column-icon.cs" %} -{% include code-snippet/grid/how-to/custom-column-menu-icon/column-icon.cs %} -{% endhighlight %} -{% endtabs %} - -{% elsif page.publishingplatform == "aspnet-mvc" %} - -{% tabs %} -{% highlight razor tabtitle="CSHTML" %} -{% include code-snippet/grid/how-to/custom-column-menu-icon/razor %} -{% endhighlight %} -{% highlight c# tabtitle="Column-icon.cs" %} -{% include code-snippet/grid/how-to/custom-column-menu-icon/column-icon.cs %} -{% endhighlight %} -{% endtabs %} -{% endif %} - -