diff --git a/README.md b/README.md index c72070e..408fc39 100644 --- a/README.md +++ b/README.md @@ -2,14 +2,21 @@ [![dhtmlx.com](https://img.shields.io/badge/made%20by-DHTMLX-blue)](https://dhtmlx.com/) +[How to start](#how-to-start) | [Key features](#key-features) | [License](#license) | [Useful links](#links) | [Other examples](#examples) | [Join our online community](#join) + ![DHTMLX Pivot with Svelte Demo](pivot.png) +The DHTMLX [JavaScript Pivot table](https://dhtmlx.com/docs/products/dhtmlxPivot/) allows generating interactive data tables to help end-users summarize and analyze large datasets by organizing and presenting the data in a flexible format. + + ## How to start ### Online [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/DHTMLX/svelte-pivot-demo) +**Please note**, having clicked on this button, you open the **online demo. Don't worry about paying extra!** With GitHub's free plan, [you get 15 GB of storage and 120 hours of Codespaces use each month](https://docs.github.com/en/billing/managing-billing-for-github-codespaces/about-billing-for-github-codespaces#monthly-included-storage-and-core-hours-for-personal-accounts). This is more than enough to run our demo without any extra costs. + ### On the local host ``` @@ -24,16 +31,55 @@ npm install npm run start ``` + +## DHTMLX Pivot key features + +- Fast loading of large datasets +- Data filtering and sorting +- Collapsible columns and rows +- Fixed columns and rows +- Predefined math methods for data aggregation + +[![dhtmlx-pivot-math-methods](https://dhtmlx.com/docs/products/dhtmlxPivot/images/features/performing-math-methods-for-data-aggregation.png)](https://snippet.dhtmlx.com/e6qwqrys?tag=pivot&mode=wide) + +- Grand total for columns and rows +- Setting limits on loaded data +- Vertical orientation of text in grid headers +- Adjustable height and width +- Customizable marks for cells and built-theme + +[![dhtmlx-pivot-dark-theme](https://dhtmlx.com/docs/products/dhtmlxPivot/images/features/customizable-built-in-theme.png)](https://snippet.dhtmlx.com/p8imq6hx?tag=pivot) + +- Read-only mode +- Export to Excel and CSV +- Interface localization +- Cross-browser and cross-platform support + + +## License ## +This demo is available under the Evaluation license. To use it in your projects, please choose a proper license on the DHTMLX website: [https://dhtmlx.com/docs/products/licenses.shtml](https://dhtmlx.com/docs/products/licenses.shtml) + + ## Useful links - [More demos about the DHTMLX Pivot functionality](https://snippet.dhtmlx.com/w2n1y9qx?tag=pivot) - [Technical support ](https://forum.dhtmlx.com/c/pivot) - [Online documentation](https://docs.dhtmlx.com/pivot/) -## Follow us + +## Other examples + +Check out examples of using DHTMLX Pivot with other technologies: + +| JavaScript | Angular | React | Vue | +| ----- | ----- | ----- | ----- | +| [![javascript](https://dhtmlx.com/images/common/technologies/js.svg)](https://dhtmlx.com/docs/products/dhtmlxPivot/) | [![angular](https://dhtmlx.com/images/common/technologies/angular.svg)](https://github.com/DHTMLX/angular-pivot-demo) | [![react](https://dhtmlx.com/images/common/technologies/react.svg)](https://github.com/DHTMLX/react-pivot-demo) | [![vue](https://dhtmlx.com/images/common/technologies/vue.svg)](https://github.com/DHTMLX/vue-pivot-demo) | + + +## Join our online community - Star our GitHub repo :star: -- Watch our tutorials on [YouTube](https://www.youtube.com/user/dhtmlx/videos) :eyes: +- Watch our tutorials on [YouTube](https://www.youtube.com/user/dhtmlx/videos) :tv: - Read us on [Medium](https://dhtmlx.medium.com) :newspaper: -- Follow us on [Twitter](https://twitter.com/dhtmlx) :feet: -- Like our page on [Facebook](https://www.facebook.com/dhtmlx/) :thumbsup: +- Follow us on [X](https://x.com/dhtmlx) :bird: +- Check our news and updates on [Facebook](https://www.facebook.com/dhtmlx/) :feet: