{"repo":"davidguttman/react-pivot","free":true,"listed":false,"github":"https://github.com/davidguttman/react-pivot","clone":"git clone https://github.com/davidguttman/react-pivot.git","description":"React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.","language":"JavaScript","stars":1078,"topics":["react","browserify","javascript","calculations","data-grid"],"license":null,"category":"ui-components","readme_excerpt":"ReactPivot # ReactPivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration. Now compatible with React 19+ and modern build tools! Demo: http://davidguttman.github.io/react-pivot/ Installation & Usage ## Modern ES Modules (Recommended) CommonJS (Legacy Support) UMD (Browser Global) jsx import React from 'react' import { createRoot } from 'react-dom/client' import ReactPivot from 'react-pivot' const root = createRoot(document.getElementById('root')) root.render( ) js var rows = [ {\"firstName\":\"Francisco\",\"lastName\":\"Brekke\",\"state\":\"NY\",\"transaction\":{\"amount\":\"399.73\",\"date\":\"2012-02-02T08:00:00.000Z\",\"business\":\"Kozey-Moore\",\"name\":\"Checking Account 2297\",\"type\":\"deposit\",\"account\":\"82741327\"}}, {\"firstName\":\"Francisco\",\"lastName\":\"Brekke\",\"state\":\"NY\",\"transaction\":{\"amount\":\"768.84\",\"date\":\"2012-02-02T08:00:00.000Z\",\"business\":\"Herman-Langworth\",\"name\":\"Money Market Account 9344\",\"type\":\"deposit\",\"account\":\"95753704\"}} ] js var dimensions = [ {value: 'firstName', title: 'First Name'} ] js var reduce = function(row, memo) { memo.amountTotal = (memo.amountTotal 0) + parseFloat(row.transaction.amount) return memo } js var calculations = [ { title: 'Amount', value: 'amountTotal', template: function(val, row) { return '$' + val.toFixed(2) }, sortBy: function(row) { return isNaN(row.amountTotal) ? 0 : row.amountTotal } } ] js // Optional: set a default grouping with \"activeDimensions\" React.render( , document.body ) jsx The c","default_branch":null,"files":null,"tree":[],"storefront":"/r/davidguttman","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/davidguttman/react-pivot/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}