| Features | react-data-grid | react-table | material-table | hand-sontable | ag-gird | antd | Kendo | Syncfusion | datatables.net |
|---|---|---|---|---|---|---|---|---|---|
| Stars | 3.5k | 7k | 1k | 12k | 6k | ||||
| Downloads | 280k | 1.1m | 90k | 190k | 400k | 33k | 5k | 550k | |
| Bundle size | 40kB | 11kB | 85kB | 315kB | 250kB | 20kB | 425kB | 56kB | |
| Docs traffic | 95k | 230k | 1.3m | ||||||
| Row sorting | free | free | free | 💰 | free | free | 💰 | 💰 | free |
| Filtering | free | free | free | 💰 | free | free | 💰 | 💰 | free |
| Cell editing | free | free | free | 💰 | free | free | 💰 | 💰 | 💰 |
| Column with groups | free | 💰 | free | free | 💰 | 💰 | free |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| search | count | |
|---|---|---|
| button | 3862 | |
| icon | 3642 | |
| grid | 3140 | |
| icons | 2419 | |
| text | 2303 | |
| table | 2190 | |
| form | 1816 | |
| input | 1788 | |
| card | 1788 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { deepmerge } from '@material-ui/utils'; | |
| import { createMuiTheme } from '@material-ui/core/styles'; | |
| import { grey } from '@material-ui/core/colors'; | |
| const rawTheme = createMuiTheme({ | |
| palette: { | |
| primary: { | |
| main: '#1976d2', | |
| dark: '#0052cc', | |
| }, |
diff --git a/yarn.lock b/yarn.lock
index fb57ccd..e24ce4a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,3 +2,276 @@
# yarn lockfile v1
+"@babel/runtime@^7.3.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.3", "@babel/runtime@^7.8.7":
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { deepmerge } from '@material-ui/utils' | |
| import { createMuiTheme } from '@material-ui/core/styles' | |
| import grey from '@material-ui/core/colors/grey' | |
| const basicBlue = '#0052cc' // Nathan's blue #0b24fb | |
| const rawTheme = createMuiTheme({ | |
| palette: { | |
| primary: { | |
| main: basicBlue, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { deepmerge } from '@material-ui/utils'; | |
| import { createMuiTheme } from '@material-ui/core/styles'; | |
| import grey from '@material-ui/core/colors/grey'; | |
| const rawTheme = createMuiTheme({ | |
| palette: { | |
| primary: { | |
| main: '#1976d2', | |
| dark: '#0052cc', | |
| }, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import warning from 'warning' | |
| const times = new Map() | |
| const implementations = { | |
| mark: { | |
| start: name => { | |
| times.set(name, performance.now()) | |
| performance.mark(`metric_${name}_start`) | |
| }, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = require('@material-ui/styled-engine-sc'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-moz-document url-prefix("https://www.linkedin.com/") { | |
| /** Picture **/ | |
| .pv-top-card__non-self-photo-wrapper, .pv-top-card__photo-wrapper { | |
| filter: blur(1.5rem); | |
| } | |
| /** Links to profile **/ | |
| a[href^="/in/"], a[href^="https://www.linkedin.com/in/"] { | |
| filter: blur(1rem); | |
| } | |
| /** Name **/ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Based on https://deanandrews.uk/export-woocommerce-reviews-wordpress/ but enhanced to include the rating and filter out other comments. | |
| ``` | |
| SELECT `post_title` AS 'Product', `comment_author` AS 'Customer Name', `comment_author_email` AS 'Customer Email', `comment_date`, `comment_content` AS 'Review', `wp_commentmeta`.`meta_value` AS 'Rating' | |
| FROM `wp_comments` | |
| INNER JOIN `wp_posts` ON `comment_post_ID`=`ID` | |
| INNER JOIN `wp_commentmeta` ON `wp_commentmeta`.`comment_id`=`wp_comments`.`comment_ID` | |
| WHERE `comment_author` != 'WooCommerce' | |
| AND `wp_posts`.`post_type` = 'product' | |
| AND `wp_posts`.`post_status` = 'publish' |