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' |