Skip to content

Instantly share code, notes, and snippets.

View oliviertassinari's full-sized avatar

Olivier Tassinari oliviertassinari

View GitHub Profile
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
search count
button 3862
icon 3642
grid 3140
icons 2419
text 2303
table 2190
form 1816
input 1788
card 1788
@oliviertassinari
oliviertassinari / theme.js
Created January 16, 2020 13:54
Material-UI Store
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":
@oliviertassinari
oliviertassinari / theme.js
Last active July 11, 2020 18:17
Onepixel theme
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,
@oliviertassinari
oliviertassinari / theme.js
Last active July 11, 2020 18:19
Material-UI Store theme
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',
},
import warning from 'warning'
const times = new Map()
const implementations = {
mark: {
start: name => {
times.set(name, performance.now())
performance.mark(`metric_${name}_start`)
},
@oliviertassinari
oliviertassinari / main.js
Last active August 4, 2021 10:27
@material-ui/styled-engine-sc
module.exports = require('@material-ui/styled-engine-sc');
@-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 **/
# 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'