From 11a0eefb81b9bc74e72d0279952b154b1d4133e2 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Fri, 17 Nov 2023 14:51:36 +0300 Subject: [PATCH 1/5] SEO-177281-Vue-External-Linking-Pivot-Table --- README.md | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 55 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 37448f2..1e7897c 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,66 @@ # Getting Started with the Vue Pivot Table Component -A quick start Vue project that shows how to get started with the Pivot Table component. This project includes a code snippet to create a new vue application and add Syncfusion Vue Pivot Table component to it. It also includes a code snippet for the demonstration of some of its key features like formatting, filtering, field list and groupingbar. +The [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) is a powerful control used to organize and summarize business data and display the result in a cross-table format. A quick start Vue project that shows how to get started with the Pivot Table component. This project includes a code snippet to create a new vue application and add Syncfusion Vue Pivot Table component to it. It also includes a code snippet for the demonstration of some of its key features like formatting, filtering, field list and groupingbar. Refer to the following documentation to learn about the Vue Pivot Table component: https://ej2.syncfusion.com/vue/documentation/pivotview/getting-started Check out this online example of the Vue Pivot Table Component: -https://ej2.syncfusion.com/vue/demos/#/material3/pivot-table/default.html +https://ej2.syncfusion.com/vue/demos/#/bootstrap5/pivot-table/default.html Make sure that you have the latest versions of NodeJS and Visual Studio Code in your machine before starting to work on this project. ### How to run this application? To run this application, you need to clone the `getting-started-with-the-vue-pivottable-component` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the `npm install` command and run your project using the `ng serve` command. + + +## Features and Benefits + +### Pivot Chart + +The Vue Pivot Chart can easily be integrated with pivot data rendered independently, and includes support for plotting more than 20 chart types. The end-user experience is greatly enhanced with a set of user-interaction features such as drill up, drill down, zoom, pan, crosshair, trackball, events, selection, and tooltip. Highly interactive field list options are available for generating reports from the relational data dynamically. + +### Virtual scrolling + +Large amounts of data can be divided and displayed in the rows and columns of the current viewport using the virtual scrolling feature. You can navigate to a desired view by scrolling the vertical and horizontal scrollbars. + +### Paging + +Large amounts of data can be divided and displayed page by page with the paging feature. The pager UI allows you to navigate to a desired page using the navigation buttons or an input text box. You can change the row and column page sizes independently at runtime. Furthermore, you can toggle the position of the row and column pagers, modify their visibility, and visualize them using a compact view mode in Vue Pivot Table. + +### Exporting + +Export the Vue Pivot Table data to Excel, PDF, and CSV formats. You can also customize the exported document by adding header, footer, and cell properties like type, style, and position programmatically. + + +## Related links +[Learn More about Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) + +[Download Free Trial](https://www.syncfusion.com/account/manage-trials/downloads?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) + +[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) + +[Documentation](https://ej2.syncfusion.com/vue/documentation/pivotview/getting-started?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) + +[View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-vue-pivottable-component?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) + +[Community Forums](https://www.syncfusion.com/forums/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) + +[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/vue?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) + +[Online example](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/pivot-table/default.html?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) + + +## About Syncfusion Vue Components + +Syncfusion's [Vue Components](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Pivot Table, we provide popular Vue Components such as [Button](https://www.syncfusion.com/vue-components/vue-button?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Badge](https://www.syncfusion.com/vue-components/vue-badge?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Scheduler](https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Diagram](https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), and [Word Processor](https://www.syncfusion.com/vue-components/vue-word-processor?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples). + +### About Syncfusion +Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. + +Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software. + +
+ +

+sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET
+

From 7eaf78d87e6aba75da450ce6780a1e25d433e94d Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Fri, 17 Nov 2023 15:14:13 +0300 Subject: [PATCH 2/5] Update README.md --- README.md | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 1e7897c..8fda31b 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,5 @@ # Getting Started with the Vue Pivot Table Component The [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) is a powerful control used to organize and summarize business data and display the result in a cross-table format. A quick start Vue project that shows how to get started with the Pivot Table component. This project includes a code snippet to create a new vue application and add Syncfusion Vue Pivot Table component to it. It also includes a code snippet for the demonstration of some of its key features like formatting, filtering, field list and groupingbar. - -Refer to the following documentation to learn about the Vue Pivot Table component: -https://ej2.syncfusion.com/vue/documentation/pivotview/getting-started - -Check out this online example of the Vue Pivot Table Component: -https://ej2.syncfusion.com/vue/demos/#/bootstrap5/pivot-table/default.html Make sure that you have the latest versions of NodeJS and Visual Studio Code in your machine before starting to work on this project. @@ -17,7 +11,7 @@ To run this application, you need to clone the `getting-started-with-the-vue-piv ### Pivot Chart -The Vue Pivot Chart can easily be integrated with pivot data rendered independently, and includes support for plotting more than 20 chart types. The end-user experience is greatly enhanced with a set of user-interaction features such as drill up, drill down, zoom, pan, crosshair, trackball, events, selection, and tooltip. Highly interactive field list options are available for generating reports from the relational data dynamically. +The [Vue Pivot Chart](https://www.syncfusion.com/vue-components/vue-pivot-table) can easily be integrated with pivot data rendered independently, and includes support for plotting more than 20 chart types. The end-user experience is greatly enhanced with a set of user-interaction features such as drill up, drill down, zoom, pan, crosshair, trackball, events, selection, and tooltip. Highly interactive field list options are available for generating reports from the relational data dynamically. ### Virtual scrolling @@ -29,7 +23,7 @@ Large amounts of data can be divided and displayed page by page with the paging ### Exporting -Export the Vue Pivot Table data to Excel, PDF, and CSV formats. You can also customize the exported document by adding header, footer, and cell properties like type, style, and position programmatically. +Export the [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table) data to Excel, PDF, and CSV formats. You can also customize the exported document by adding header, footer, and cell properties like type, style, and position programmatically. ## Related links From e6bff5aa46685cbe36f1ac66dbf9805d933e8617 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Tue, 21 Nov 2023 16:30:06 +0300 Subject: [PATCH 3/5] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 8fda31b..744e3eb 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,8 @@ # Getting Started with the Vue Pivot Table Component The [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) is a powerful control used to organize and summarize business data and display the result in a cross-table format. A quick start Vue project that shows how to get started with the Pivot Table component. This project includes a code snippet to create a new vue application and add Syncfusion Vue Pivot Table component to it. It also includes a code snippet for the demonstration of some of its key features like formatting, filtering, field list and groupingbar. +## Project prerequisites + Make sure that you have the latest versions of NodeJS and Visual Studio Code in your machine before starting to work on this project. ### How to run this application? From 538581559b9251eacd3f16e390b82eecc340545b Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Wed, 22 Nov 2023 12:08:42 +0300 Subject: [PATCH 4/5] Update README.md --- README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 744e3eb..6813afd 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ To run this application, you need to clone the `getting-started-with-the-vue-piv ### Pivot Chart -The [Vue Pivot Chart](https://www.syncfusion.com/vue-components/vue-pivot-table) can easily be integrated with pivot data rendered independently, and includes support for plotting more than 20 chart types. The end-user experience is greatly enhanced with a set of user-interaction features such as drill up, drill down, zoom, pan, crosshair, trackball, events, selection, and tooltip. Highly interactive field list options are available for generating reports from the relational data dynamically. +The [Vue Pivot Chart](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) can easily be integrated with pivot data rendered independently, and includes support for plotting more than 20 chart types. The end-user experience is greatly enhanced with a set of user-interaction features such as drill up, drill down, zoom, pan, crosshair, trackball, events, selection, and tooltip. Highly interactive field list options are available for generating reports from the relational data dynamically. ### Virtual scrolling @@ -25,13 +25,13 @@ Large amounts of data can be divided and displayed page by page with the paging ### Exporting -Export the [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table) data to Excel, PDF, and CSV formats. You can also customize the exported document by adding header, footer, and cell properties like type, style, and position programmatically. +Export the [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) data to Excel, PDF, and CSV formats. You can also customize the exported document by adding header, footer, and cell properties like type, style, and position programmatically. ## Related links [Learn More about Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) -[Download Free Trial](https://www.syncfusion.com/account/manage-trials/downloads?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) +[Download Free Trial](https://www.syncfusion.com/downloads/vue?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) [Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) @@ -48,7 +48,7 @@ Export the [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot ## About Syncfusion Vue Components -Syncfusion's [Vue Components](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Pivot Table, we provide popular Vue Components such as [Button](https://www.syncfusion.com/vue-components/vue-button?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Badge](https://www.syncfusion.com/vue-components/vue-badge?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Scheduler](https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Diagram](https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), and [Word Processor](https://www.syncfusion.com/vue-components/vue-word-processor?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples). +Syncfusion's [Vue Components](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Pivot Table, we provide popular Vue Components such as [Charts](https://www.syncfusion.com/vue-components/vue-charts?utm_source=github&utm_medium=listing&utm_campaign=vue-speed-dial-github-samples), [Grid](https://www.syncfusion.com/vue-components/vue-grid?utm_source=github&utm_medium=listing&utm_campaign=vue-speed-dial-github-samples), [Scheduler](https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Diagram](https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), and [Word Processor](https://www.syncfusion.com/vue-components/vue-word-processor?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples). ### About Syncfusion Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. @@ -58,5 +58,5 @@ Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.

-sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET
+sales@syncfusion.com | www.syncfusion.com | Toll Free: 1-888-9 DOTNET

From 6ad5ec8fbfa39d3f8c3c57f12b2041e77e2b0da4 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Fri, 24 Nov 2023 08:20:12 +0300 Subject: [PATCH 5/5] Update README.md --- README.md | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/README.md b/README.md index 6813afd..002bb04 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,6 @@ Make sure that you have the latest versions of NodeJS and Visual Studio Code in ### How to run this application? To run this application, you need to clone the `getting-started-with-the-vue-pivottable-component` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the `npm install` command and run your project using the `ng serve` command. - ## Features and Benefits ### Pivot Chart @@ -25,8 +24,7 @@ Large amounts of data can be divided and displayed page by page with the paging ### Exporting -Export the [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) data to Excel, PDF, and CSV formats. You can also customize the exported document by adding header, footer, and cell properties like type, style, and position programmatically. - +[Export](https://ej2.syncfusion.com/vue/documentation/pivotview/excel-export?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) the Vue Pivot Table data to Excel, PDF, and CSV formats. You can also customize the exported document by adding header, footer, and cell properties like type, style, and position programmatically. ## Related links [Learn More about Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot-table?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) @@ -45,7 +43,6 @@ Export the [Vue Pivot Table](https://www.syncfusion.com/vue-components/vue-pivot [Online example](https://ej2.syncfusion.com/vue/demos/#/bootstrap5/pivot-table/default.html?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) - ## About Syncfusion Vue Components Syncfusion's [Vue Components](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Pivot Table, we provide popular Vue Components such as [Charts](https://www.syncfusion.com/vue-components/vue-charts?utm_source=github&utm_medium=listing&utm_campaign=vue-speed-dial-github-samples), [Grid](https://www.syncfusion.com/vue-components/vue-grid?utm_source=github&utm_medium=listing&utm_campaign=vue-speed-dial-github-samples), [Scheduler](https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), [Diagram](https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples), and [Word Processor](https://www.syncfusion.com/vue-components/vue-word-processor?utm_source=github&utm_medium=listing&utm_campaign=vue-pivot-table-github-samples).