diff --git a/ej2-javascript/pivotview/how-to/apply-condition-based-hyper-link-for-specific-row-or-column.md b/ej2-javascript/pivotview/how-to/apply-condition-based-hyper-link-for-specific-row-or-column.md deleted file mode 100644 index b678987d8..000000000 --- a/ej2-javascript/pivotview/how-to/apply-condition-based-hyper-link-for-specific-row-or-column.md +++ /dev/null @@ -1,46 +0,0 @@ ---- -layout: post -title: ##Platform_Name## Pivot Table: Conditional Hyperlinks | Syncfusion -description: Apply conditional hyperlinks to rows or columns in the Syncfusion EJ2 ##Platform_Name## Pivot Table. Dynamically create unique cell links based on values. -platform: ej2-javascript -control: Apply condition based hyper link for specific row or column -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Conditional Hyperlinks for Specific Rows or Columns - -You can apply conditions for specific row or column using `label` option to show hyperlink option in the pivot table. It can be configured using the `conditionalSettings` option through code behind, during initial rendering. The required settings are: - -* `label`: Specifies the header name to get visibility of hyperlink option for row or column. -* `condition`: Specifies the operator type such as equals, greater than, less than, etc. -* `value1`: Specifies the start value. -* `value2`: Specifies the end value. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-table/pivot-table-cs70/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs70/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs70" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-table/pivot-table-cs70/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs70/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs70" %} -{% endif %} diff --git a/ej2-javascript/pivotview/how-to/apply-conditional-formatting-for-specific-row-or-column.md b/ej2-javascript/pivotview/how-to/apply-conditional-formatting-for-specific-row-or-column.md deleted file mode 100644 index 30c00a881..000000000 --- a/ej2-javascript/pivotview/how-to/apply-conditional-formatting-for-specific-row-or-column.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -layout: post -title: ##Platform_Name## Pivot Table: Conditional Formatting | Syncfusion -description: Apply conditional formatting to rows or columns in the Syncfusion EJ2 ##Platform_Name## Pivot Table. Customize cell styles based on values to highlight key data. -platform: ej2-javascript -control: Apply conditional formatting for specific row or column -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Conditional Formatting for Specific Rows or Columns - -You can apply conditional formatting for specific row or column using `label` option in the pivot table. It can be configured using the `conditionalFormatSettings` option through code behind, during initial rendering. The required settings are: - -* `label`: Specifies the header name to apply conditions for row or column. -* `condition`: Specifies the operator type such as equals, greater than, less than, etc. -* `value1`: Specifies the start value. -* `value2`: Specifies the end value. -* `style`: Specifies the style for the cell. - -To use the conditional formatting feature, You need to inject the `ConditionalFormatting` module in pivot table. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-table/pivot-table-cs71/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs71/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs71" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-table/pivot-table-cs71/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs71/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs71" %} -{% endif %} diff --git a/ej2-javascript/pivotview/how-to/change-load-limited-data-in-member-editor.md b/ej2-javascript/pivotview/how-to/change-load-limited-data-in-member-editor.md deleted file mode 100644 index 64048ff53..000000000 --- a/ej2-javascript/pivotview/how-to/change-load-limited-data-in-member-editor.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -layout: post -title: Change load limited data in member editor in ##Platform_Name## Pivotview control | Syncfusion -description: Learn here all about Change load limited data in member editor in Syncfusion ##Platform_Name## Pivotview control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Change load limited data in member editor -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Change load limited data in member editor in ##Platform_Name## Pivotview control - -In the filter dialog, user can set the limit to display field values while loading the large data. Based on this limit, the initial loading will complete quickly without any performance constraint. And user can use search option to refining the field values from exceeded limit. You can refine the data further by using search option and a message with the remaining data count will be displayed in member editor. The data limit can be set in the property `maxNodeLimitInEditor`. - -By default, the property holds the value `1000`. - -> The property is available in both PivotView and PivotFieldList components. - -In the below example, the data in the member editor limits to 100. So, the member editor of the field `ProductID` shows only its first 100 members from its 1000 members. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-grid/pivot-grid-cs2/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-grid/pivot-grid-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-grid/pivot-grid-cs2" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-grid/pivot-grid-cs2/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-grid/pivot-grid-cs2/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-grid/pivot-grid-cs2" %} -{% endif %} diff --git a/ej2-javascript/pivotview/how-to/customize-empty-value-cells.md b/ej2-javascript/pivotview/how-to/customize-empty-value-cells.md deleted file mode 100644 index d0c17de7d..000000000 --- a/ej2-javascript/pivotview/how-to/customize-empty-value-cells.md +++ /dev/null @@ -1,41 +0,0 @@ ---- -layout: post -title: Customize empty value cells in ##Platform_Name## Pivotview control | Syncfusion -description: Learn here all about Customize empty value cells in Syncfusion ##Platform_Name## Pivotview control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Customize empty value cells -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Customize empty value cells in ##Platform_Name## Pivotview control - -You can show the custom string in the empty value cells using the `emptyCellsTextContent` string type property in `dataSourceSettings` object of the pivot table. It can be configured through code behind during initial rendering. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-table/pivot-table-cs74/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs74/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs74" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-table/pivot-table-cs74/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs74/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs74" %} -{% endif %} diff --git a/ej2-javascript/pivotview/how-to/customize-pivot-table-cell-element.md b/ej2-javascript/pivotview/how-to/customize-pivot-table-cell-element.md deleted file mode 100644 index e9f250ac2..000000000 --- a/ej2-javascript/pivotview/how-to/customize-pivot-table-cell-element.md +++ /dev/null @@ -1,43 +0,0 @@ ---- -layout: post -title: Customize pivot table cell element in ##Platform_Name## Pivotview control | Syncfusion -description: Learn here all about Customize pivot table cell element in Syncfusion ##Platform_Name## Pivotview control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Customize pivot table cell element -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Customize pivot table cell element in ##Platform_Name## Pivotview control - -You can customize the pivot table cell element by using the `cellTemplate` property. The cellTemplate property accepts either an HTML string or the element's ID, which can be used to append additional HTML elements to showcase each cell with custom format. - -In this demo, the revenue cost for each year is represented with trend icons. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-table/pivot-table-cs77/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs77/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs77" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-table/pivot-table-cs77/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs77/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs77" %} -{% endif %} diff --git a/ej2-javascript/pivotview/how-to/customize-the-icons-for-pivot-grid.md b/ej2-javascript/pivotview/how-to/customize-the-icons-for-pivot-grid.md deleted file mode 100644 index 0edd39c56..000000000 --- a/ej2-javascript/pivotview/how-to/customize-the-icons-for-pivot-grid.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -layout: post -title: Customize the icons for pivot grid in ##Platform_Name## Pivotview control | Syncfusion -description: Learn here all about Customize the icons for pivot grid in Syncfusion ##Platform_Name## Pivotview control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Customize the icons for pivot grid -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Customize the icons for pivot grid in ##Platform_Name## Pivotview control - -You can customize the pivot button icons in the pivot grid by overriding the class **.pivot-button** with a custom property content as mentioned below. - -```ts - -#PivotView_PivotFieldList .e-icons.e-toggle-field-list::before { - content: '\e337'; -} - -``` - -In the below sample, pivot grid is rendered with a customized pivot button icons. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-grid/icon-customize-cs1/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-grid/icon-customize-cs1/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-grid/icon-customize-cs1" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-grid/icon-customize-cs1/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-grid/icon-customize-cs1/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-grid/icon-customize-cs1" %} -{% endif %} diff --git a/ej2-javascript/pivotview/how-to/improve-filter-dialog-performance-when-handling-large-data.md b/ej2-javascript/pivotview/how-to/improve-filter-dialog-performance-when-handling-large-data.md deleted file mode 100644 index 6687e4a94..000000000 --- a/ej2-javascript/pivotview/how-to/improve-filter-dialog-performance-when-handling-large-data.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -layout: post -title: ##Platform_Name## Pivot Table: Fast Filtering for Large Data | Syncfusion -description: Improve filter dialog performance for large datasets in the Syncfusion EJ2 ##Platform_Name## Pivot Table. Learn tips to optimize your app for speed. -platform: ej2-javascript -control: Improve filter dialog performance when handling large data -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Improve Filter Dialog Performance with Large Data - -In the filter dialog, you can set the limit to display the field values while loading large data. Based on this limit, the initial loading will complete quickly without any performance constraint. You can use the search option to refine the field values from the exceeded limit and refine the data further. A message with the remaining data count will be displayed in the member editor. The data limit can be set in the `maxNodeLimitInMemberEditor` property. - -By default, the property holds the value 1000. - -> The property is available in both pivot table and field list components. - -In the following example, the limit of data in the member editor is set to 100. So, the member editor of the `ProductID` field shows only its first 100 members from its 1000 members. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-table/pivot-table-cs81/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs81/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs81" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-table/pivot-table-cs81/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs81/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs81" %} -{% endif %} diff --git a/ej2-javascript/pivotview/how-to/perform-cell-selection-and-get-selected-cells-information.md b/ej2-javascript/pivotview/how-to/perform-cell-selection-and-get-selected-cells-information.md deleted file mode 100644 index 79380ff88..000000000 --- a/ej2-javascript/pivotview/how-to/perform-cell-selection-and-get-selected-cells-information.md +++ /dev/null @@ -1,62 +0,0 @@ ---- -layout: post -title: ##Platform_Name## Pivot Table: Select Cells & Get Data | Syncfusion -description: Select and retrieve data from cells in the Syncfusion EJ2 ##Platform_Name## Pivot Table. Learn to manage user interaction and data extraction. -platform: ej2-javascript -control: Perform cell selection and get selected cells information -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Cell Selection and Getting Cell Information - -To select any cell or row using mouse or arrow keys, set the `gridSettings.allowSelection` property to true. The selected cells will be highlighted. - -## Selection mode - -The Pivot Table control supports the following four types of selection modes, which can be set by using the `gridSettings.selectionSettings.mode` property: - -* **`Row`**: The `Row` value is set by default, and allows you to select only rows. -* **`Column`**: Allows you to select only columns. -* **`Cell`**: Allows you to select only cells. -* **`Both`**: Allows you to select rows and columns at the same time. - -## Selection type - -It supports two types of selection that can be set by the property `gridSettings.selectionSettings.type`. They are, - -* **`Single`**: The `Single` value is set by default, and it only allows selection of a single row or a column or a cell. -* **`Multiple`**: Allows you to select multiple rows or cells. -To perform the multi-selection, press and hold CTRL key and click the desired rows or columns or cells. To select range of rows or cells, press and hold the SHIFT key and click the rows or columns or cells. - -## Event - -The event `cellSelected` fires on every cell/row/column on selected/deselected operations and it provides the selected cells information with its corresponding column and row headers. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-table/pivot-table-cs82/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs82/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs82" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-table/pivot-table-cs82/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs82/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs82" %} -{% endif %} diff --git a/ej2-javascript/pivotview/how-to/show-hide-tool-tip.md b/ej2-javascript/pivotview/how-to/show-hide-tool-tip.md deleted file mode 100644 index 62bf05bf7..000000000 --- a/ej2-javascript/pivotview/how-to/show-hide-tool-tip.md +++ /dev/null @@ -1,43 +0,0 @@ ---- -layout: post -title: Show hide tool tip in ##Platform_Name## Pivotview control | Syncfusion -description: Learn here all about Show hide tool tip in Syncfusion ##Platform_Name## Pivotview control of Syncfusion Essential JS 2 and more. -platform: ej2-javascript -control: Show hide tool tip -publishingplatform: ##Platform_Name## -documentation: ug -domainurl: ##DomainURL## ---- - -# Show hide tool tip in ##Platform_Name## Pivotview control - -You can set the visibility of tooltip using `showTooltip` in the pivot table. - -> By Default, tooltip enabled in the pivot table. - -{% if page.publishingplatform == "typescript" %} - - {% tabs %} -{% highlight ts tabtitle="index.ts" %} -{% include code-snippet/pivot-table/pivot-table-cs84/index.ts %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs84/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs84" %} - -{% elsif page.publishingplatform == "javascript" %} - -{% tabs %} -{% highlight js tabtitle="index.js" %} -{% include code-snippet/pivot-table/pivot-table-cs84/index.js %} -{% endhighlight %} -{% highlight html tabtitle="index.html" %} -{% include code-snippet/pivot-table/pivot-table-cs84/index.html %} -{% endhighlight %} -{% endtabs %} - -{% previewsample "page.domainurl/code-snippet/pivot-table/pivot-table-cs84" %} -{% endif %} diff --git a/ej2-javascript/pivotview/js/data-binding.md b/ej2-javascript/pivotview/js/data-binding.md index 6f0129f73..3cb743365 100644 --- a/ej2-javascript/pivotview/js/data-binding.md +++ b/ej2-javascript/pivotview/js/data-binding.md @@ -11,10 +11,6 @@ domainurl: ##DomainURL## # Data binding in ##Platform_Name## Pivot Table component -To get start quickly with Data Binding, you can check on this video: - -{% youtube "https://www.youtube.com/watch?v=_sKndiVl5w0" %} - ## JSON The Pivot Table supports JSON data binding by setting the [`type`](https://ej2.syncfusion.com/javascript/documentation/api/pivotview/dataSourceSettings#type) property under [`dataSourceSettings`](https://ej2.syncfusion.com/javascript/documentation/api/pivotview#datasourcesettings) to `JSON`. Since JSON is the default data type, you can bind JSON data without setting this property. diff --git a/ej2-javascript/pivotview/js/field-list.md b/ej2-javascript/pivotview/js/field-list.md index 036fa20a9..c57bf6cc6 100644 --- a/ej2-javascript/pivotview/js/field-list.md +++ b/ej2-javascript/pivotview/js/field-list.md @@ -11,10 +11,6 @@ domainurl: ##DomainURL## # Field list in ##Platform_Name## Pivot Table component -To have a quick glance on how to enable field list in the Javascript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=YBjR8HiyyFw" %} - The Field List makes it easy to organize and analyze data in your Pivot Table. It provides a user-friendly interface similar to Microsoft Excel that allows you to add or remove fields and move them between different axes like columns, rows, values, and filters. You can also apply sorting and filtering options while working with your data. The Field List can be displayed in two different ways to work with your Pivot Table: diff --git a/ej2-javascript/pivotview/js/grouping-bar.md b/ej2-javascript/pivotview/js/grouping-bar.md index ef7e9d823..17cda5e20 100644 --- a/ej2-javascript/pivotview/js/grouping-bar.md +++ b/ej2-javascript/pivotview/js/grouping-bar.md @@ -11,10 +11,6 @@ domainurl: ##DomainURL## # Grouping bar in ##Platform_Name## Pivot Table component -To have a quick glance on how to enable grouping bar in the Javascript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=6zKDyLyPnmg" %} - The Grouping Bar option in the Pivot Table automatically displays fields from the bound data source. It allows users to drag and drop fields between different axes such as columns, rows, values, and filters to create a pivot table at runtime. You can enable it by setting the [`showGroupingBar`](https://ej2.syncfusion.com/javascript/documentation/api/pivotview/index-default#showgroupingbar) property to **true**. The grouping bar provides intuitive interactions similar to the Field List, making report creation accessible to all users. These interactions include: diff --git a/ej2-javascript/pivotview/js/grouping.md b/ej2-javascript/pivotview/js/grouping.md index edaac585d..102479bf4 100644 --- a/ej2-javascript/pivotview/js/grouping.md +++ b/ej2-javascript/pivotview/js/grouping.md @@ -25,10 +25,6 @@ To use the grouping feature, you need to inject the `Grouping` module in the Piv * Date Grouping * Custom Grouping -To have a quick glance on how to group row and column field items in the Javascript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=5UOKVbdZTCA" %} - > Similar to Excel, only one type of grouping can be applied to a field at a time. {% tabs %} diff --git a/ej2-javascript/pivotview/js/row-and-column.md b/ej2-javascript/pivotview/js/row-and-column.md index ebb1adfde..8e6806443 100644 --- a/ej2-javascript/pivotview/js/row-and-column.md +++ b/ej2-javascript/pivotview/js/row-and-column.md @@ -13,10 +13,6 @@ domainurl: ##DomainURL## # Row and column in ##Platform_Name## Pivot Table component -To learn about how to use the row and column options effectively in the Javascript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=eZipGFIYI7E" %} - ## Width and Height Setting appropriate dimensions for the Pivot Table ensures optimal display and better user experience across different screen sizes and layouts. You can define the Pivot Table's dimensions using the [`height`](https://ej2.syncfusion.com/javascript/documentation/api/pivotview/index-default#height) and [`width`](https://ej2.syncfusion.com/javascript/documentation/api/pivotview/index-default#width) properties to meet your specific requirements. diff --git a/ej2-javascript/pivotview/js/sorting.md b/ej2-javascript/pivotview/js/sorting.md index 0d66de546..dcf848fea 100644 --- a/ej2-javascript/pivotview/js/sorting.md +++ b/ej2-javascript/pivotview/js/sorting.md @@ -11,10 +11,6 @@ domainurl: ##DomainURL## # Sorting in ##Platform_Name## Pivot Table component -To have a quick glance on how to sort data in the Javascript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=x4xAFXkbq2E" %} - ## Member Sorting The Member Sorting functionality enables you to arrange field members in the rows and columns of a pivot table in either **ascending** or **descending** order. By default, field members are sorted in ascending order. diff --git a/ej2-javascript/pivotview/ts/data-binding.md b/ej2-javascript/pivotview/ts/data-binding.md index 6a58990c0..bce81cbd0 100644 --- a/ej2-javascript/pivotview/ts/data-binding.md +++ b/ej2-javascript/pivotview/ts/data-binding.md @@ -10,10 +10,6 @@ domainurl: ##DomainURL## --- # Data binding in ##Platform_Name## Pivot Table component -To get start quickly with Data Binding, you can check on this video: - -{% youtube "https://www.youtube.com/watch?v=_sKndiVl5w0" %} - ## JSON The Pivot Table supports JSON data binding by setting the [`type`](https://ej2.syncfusion.com/documentation/api/pivotview/dataSourceSettings#type) property under [`dataSourceSettings`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#datasourcesettings) to `JSON`. Since JSON is the default data type, you can bind JSON data without setting this property. @@ -436,7 +432,7 @@ When this event triggers, it provides the following parameters: - [`pivotFieldList`](https://ej2.syncfusion.com/documentation/api/pivotview/enginePopulatedEventArgs#pivotfieldlist): Lists all available fields in the Pivot Table, including those used in rows, columns, values, and filters. - [`pivotValues`](https://ej2.syncfusion.com/documentation/api/pivotview/enginePopulatedEventArgs#pivotvalues): Presents the aggregated values and results displayed in the table. -Below is an example showing how the [`enginePopulated`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#enginepopulated) event can be used in a Javascript Pivot Table. The code demonstrates how to set up the event and access its details for custom logic. +Below is an example showing how the [`enginePopulated`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#enginepopulated) event can be used in a TypeScript Pivot Table. The code demonstrates how to set up the event and access its details for custom logic. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -453,7 +449,7 @@ Below is an example showing how the [`enginePopulated`](https://ej2.syncfusion.c The [`enginePopulating`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#enginepopulating) event lets you update the [`dataSourceSettings`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#datasourcesettings) before the Pivot Table's engine processes the data. This allows you to modify how your data appears by changing field captions, formatting options, or report configurations right before the table renders. For example, you can adjust column captions or show a message for empty cells. This helps users control how the data will appear in the Pivot Table in a straightforward way. -The [`enginePopulating`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#enginepopulating) event provides an argument that contains the [`dataSourceSettings`](https://ej2.syncfusion.com/documentation/api/pivotview/enginePopulatingEventArgs#datasourcesettings) property. You can directly edit this property to update fields, labels, or other [`dataSourceSettings`](https://ej2.syncfusion.com/documentation/api/pivotview/enginePopulatingEventArgs#datasourcesettings) options, ensuring your Pivot Table displays data exactly how you need it. Below is an example showing how to use the `enginePopulating` event in a Javascript Pivot Table: +The [`enginePopulating`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#enginepopulating) event provides an argument that contains the [`dataSourceSettings`](https://ej2.syncfusion.com/documentation/api/pivotview/enginePopulatingEventArgs#datasourcesettings) property. You can directly edit this property to update fields, labels, or other [`dataSourceSettings`](https://ej2.syncfusion.com/documentation/api/pivotview/enginePopulatingEventArgs#datasourcesettings) options, ensuring your Pivot Table displays data exactly how you need it. Below is an example showing how to use the `enginePopulating` event in a TypeScript Pivot Table: {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/ej2-javascript/pivotview/ts/field-list.md b/ej2-javascript/pivotview/ts/field-list.md index 82584aef6..702b0f8a1 100644 --- a/ej2-javascript/pivotview/ts/field-list.md +++ b/ej2-javascript/pivotview/ts/field-list.md @@ -11,10 +11,6 @@ domainurl: ##DomainURL## # Field list in ##Platform_Name## Pivot Table component -To have a quick glance on how to enable field list in the TypeScript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=YBjR8HiyyFw" %} - The Field List makes it easy to organize and analyze data in your Pivot Table. It provides a user-friendly interface similar to Microsoft Excel that allows you to add or remove fields and move them between different axes like columns, rows, values, and filters. You can also apply sorting and filtering options while working with your data. The Field List can be displayed in two different ways to work with your Pivot Table: diff --git a/ej2-javascript/pivotview/ts/grouping-bar.md b/ej2-javascript/pivotview/ts/grouping-bar.md index 6b2db12b6..ed7f36767 100644 --- a/ej2-javascript/pivotview/ts/grouping-bar.md +++ b/ej2-javascript/pivotview/ts/grouping-bar.md @@ -11,10 +11,6 @@ domainurl: ##DomainURL## # Grouping bar in ##Platform_Name## Pivot Table component -To have a quick glance on how to enable grouping bar in the Typescript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=6zKDyLyPnmg" %} - The Grouping Bar option in the Pivot Table automatically displays fields from the bound data source. It allows users to drag and drop fields between different axes such as columns, rows, values, and filters to create a pivot table at runtime. You can enable it by setting the [`showGroupingBar`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#showgroupingbar) property to **true**. The grouping bar provides intuitive interactions similar to the Field List, making report creation accessible to all users. These interactions include: diff --git a/ej2-javascript/pivotview/ts/grouping.md b/ej2-javascript/pivotview/ts/grouping.md index 1b9a4faa6..04f8cda1c 100644 --- a/ej2-javascript/pivotview/ts/grouping.md +++ b/ej2-javascript/pivotview/ts/grouping.md @@ -25,10 +25,6 @@ To use the grouping feature, you need to inject the `Grouping` module in the Piv * Date Grouping * Custom Grouping -To have a quick glance on how to group row and column field items in the Typescript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=5UOKVbdZTCA" %} - > Similar to Excel, only one type of grouping can be applied to a field at a time. {% tabs %} diff --git a/ej2-javascript/pivotview/ts/row-and-column.md b/ej2-javascript/pivotview/ts/row-and-column.md index 0fab07f99..0ac4a9dca 100644 --- a/ej2-javascript/pivotview/ts/row-and-column.md +++ b/ej2-javascript/pivotview/ts/row-and-column.md @@ -13,10 +13,6 @@ domainurl: ##DomainURL## # Row and column in ##Platform_Name## Pivot Table component -To learn about how to use the row and column options effectively in the Typescript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=eZipGFIYI7E" %} - ## Width and Height Setting appropriate dimensions for the Pivot Table ensures optimal display and better user experience across different screen sizes and layouts. You can define the Pivot Table's dimensions using the [`height`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#height) and [`width`](https://ej2.syncfusion.com/documentation/api/pivotview/index-default#width) properties to meet your specific requirements. diff --git a/ej2-javascript/pivotview/ts/sorting.md b/ej2-javascript/pivotview/ts/sorting.md index 45b40be40..5a29d2a77 100644 --- a/ej2-javascript/pivotview/ts/sorting.md +++ b/ej2-javascript/pivotview/ts/sorting.md @@ -11,10 +11,6 @@ domainurl: ##DomainURL## # Sorting in ##Platform_Name## Pivot Table component -To have a quick glance on how to sort data in the Typescript Pivot Table, watch this video: - -{% youtube "https://www.youtube.com/watch?v=x4xAFXkbq2E" %} - ## Member Sorting The Member Sorting functionality enables you to arrange field members in the rows and columns of a pivot table in either **ascending** or **descending** order. By default, field members are sorted in ascending order.