{"id":4227,"date":"2017-09-05T09:00:05","date_gmt":"2017-09-05T05:00:05","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=4227"},"modified":"2025-03-11T13:07:34","modified_gmt":"2025-03-11T10:07:34","slug":"dhtmlxpivot-updated-version-1-1","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxpivot-updated-version-1-1\/","title":{"rendered":"dhtmlxPivot Updated to Version 1.1"},"content":{"rendered":"<p>A new version of <a href=\"\/\/dhtmlx.com\/docs\/products\/dhtmlxPivot\/\">dhtmlxPivot<\/a> was not long in coming. Today you&#8217;re welcome to try dhtmlxPivot 1.1 with the ability to sort data and headers of rows and columns. Besides, there are plenty of other helpful updates, so continue reading to learn what&#8217;s new.<\/p>\n<p>Or&#8230; you can throw everything away and <a href=\"\/\/dhtmlx.com\/docs\/products\/dhtmlxPivot\/download.shtml\">download the new version right now<\/a>.<\/p>\n<h5><strong>Sorting<\/strong><\/h5>\n<p>Starting from the version 1.1, you can sort rows in the grid part of your pivot table. For this you just need to click on headers and you&#8217;ll see ascending\/descending sorting icons.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/sorting-dhtmlxPivot.png\" alt=\"sorting-dhtmlxPivot\" width=\"900\" height=\"564\" class=\"aligncenter size-full wp-image-4233\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/sorting-dhtmlxPivot.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/sorting-dhtmlxPivot-300x188.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/sorting-dhtmlxPivot-768x481.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<h5><strong>Pre-defined sorting of rows and columns<\/strong><\/h5>\n<p>With dhtmlxPivot 1.1 you can also define a sorting order of rows and columns before the data aggregation. By default, the headers are sorted in ascending order. Unlike data sorting, it can&#8217;t be changed from UI but from API. <\/p>\n<h5><strong>Custom templates for grid headers<\/strong><\/h5>\n<p>Version 1.1 introduces a way to customize the look of group headers in the pivot. Now you can define your own templates for column and row headers. Any HTML is allowed inside of templates, so you can convert a static text in header into a clickable link, or replace a non-meaningful ID with a real entity name.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/pivot-templates.png\" alt=\"pivot templates\" width=\"900\" height=\"595\" class=\"aligncenter size-full wp-image-4234\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/pivot-templates.png 900w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/pivot-templates-300x198.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/pivot-templates-768x508.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>Also, while previous version has the fixed width for header columns, the new one provides the ability to size the header columns to their content (width of column is automatically adjusted to the width of content). <a href=\"https:\/\/docs.dhtmlx.com\/pivot\/1-5\/guides__configuration.html\" target=\"_blank\">Read docs for more details.<\/a><\/p>\n<h5><strong>Filter data from API<\/strong><\/h5>\n<p>New version of dhtmlxPivot brings you the ability to filter the data before aggregation, it can be used to narrow your data query. Check <a href=\"https:\/\/docs.dhtmlx.com\/pivot\/samples\/05_api\/03_global_filter.html\" target=\"_blank\">sample<\/a> and find mode details in the <a href=\"https:\/\/docs.dhtmlx.com\/pivot\/1-5\/guides__configuration.html\" target=\"_blank\">docs<\/a>.<\/p>\n<p>Note that filtering is applied before data aggregation; adding or removing the filter will cause the Pivot repaint. UI for filtering is under development now and most likely will be included in the next dhtmlxPivot update.<\/p>\n<h5><strong>Segment data in week mode<\/strong> <\/h5>\n<p>Due to your requests, we&#8217;ve added <a href=\"https:\/\/docs.dhtmlx.com\/pivot\/1-5\/guides__configuration.html\" target=\"_blank\">Week type of date grouping<\/a>. Now there are 5 types of operations that allow grouping data by dates: day, week, month, year and quarter. <\/p>\n<p>What is more, there is a new method that will allow you to create your own operation for dates aggregation.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2017\/08\/week-mode-pivot.gif\" alt=\"week mode pivot\" width=\"901\" height=\"562\" class=\"aligncenter size-full wp-image-4235\" \/><\/p>\n<h5><strong>Related material:<\/strong><\/h5>\n<ul>\n<li><a href=\"https:\/\/docs.dhtmlx.com\/pivot\/1-5\/whatsnew.html\" target=\"_blank\">What&#8217;s new<\/a><\/li>\n<li><a href=\"\/\/dhtmlx.com\/docs\/products\/dhtmlxPivot\/download.shtml\">Download dhtmlxPivot<\/a><\/li>\n<li><a href=\"https:\/\/trello.com\/b\/TmXJeawV\/pivot-roadmap\" target=\"_blank\">Pivot Roadmap in Trello<\/a><\/li>\n<\/ul>\n<p>We are very grateful to the first Pivot users who sent us numerous feature requests and enriched the future development of dhtmlxPivot. Continue sending your thoughts to us, they are extremely valuable. In addition, you can see the <a href=\"https:\/\/trello.com\/b\/TmXJeawV\/pivot-roadmap\" target=\"_blank\">Pivot roadmap and leave your votes<\/a>.<\/p>\n<div class=\"top-20 bottom-20\">\n<div class=\"purchase-banner purchase-banner--blog\">\n<div class=\"purchase-banner__inside\">\n<div class=\"purchase-banner__title\">Purchase Complete Pack till September 24, 2017 and get dhtmlxPivot for free*<\/div>\n<div class=\"purchase-banner__entry\">Get Suite, Gantt, Scheduler, Vault, Spreadsheet + Pivot<\/div>\n<div class=\"purchase-banner__licenses\">\n<div class=\"purchase-elem\">\n<div class=\"purchase-elem__title\">Commercial license with Standard Support &#8211; <strong>$1499<\/strong><\/div>\n<div class=\"purchase-elem__description\">($1911 if purchase the libraries separately)<\/div>\n<div class=\"purchase-elem__btns\"><a href=\"https:\/\/store.payproglobal.com\/checkout?currency=usd&#038;products[1][id]=41473\" title=\"\" class=\"purchase-elem-btn\" target=\"_blank\" onclick=\"ga('send', 'event', 'button', 'click', 'buy-complete-com-promo-pivot');\">Buy<\/a><\/div>\n<\/div>\n<div class=\"purchase-elem\">\n<div class=\"purchase-elem__title\">Enterprise license with Premium Support &#8211; <strong>$3199<\/strong><\/div>\n<div class=\"purchase-elem__description\">($4251 if purchase the libraries separately)<\/div>\n<div class=\"purchase-elem__btns\"><a href=\"https:\/\/store.payproglobal.com\/checkout?currency=usd&#038;products[1][id]=22466\" title=\"\" class=\"purchase-elem-btn\" target=\"_blank\" onclick=\"ga('send', 'event', 'button', 'click', 'buy-complete-ent-promo-pivot');\">Buy<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"purchase-banner-note top-10\">* For now DHTMLX Complete pack includes Suite, Gantt. Scheduler, Vault and Spreadsheet libraries. Our new Pivot table component will join the pack after September 24, 2017, and the price will be increased accordingly.<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A new version of dhtmlxPivot was not long in coming. Today you&#8217;re welcome to try dhtmlxPivot 1.1 with the ability to sort data and headers of rows and columns. &#8230;<\/p>\n","protected":false},"author":2,"featured_media":4231,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,70,1,38],"tags":[33,57,4],"class_list":["post-4227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-releases","category-uncategorized","category-visible","tag-all-posts","tag-pivot","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/4227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=4227"}],"version-history":[{"count":3,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/4227\/revisions"}],"predecessor-version":[{"id":13541,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/4227\/revisions\/13541"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/4231"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=4227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=4227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=4227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}