Griddle is a simple grid component for use with React
Griddle is a simple grid Component for use with React. It depends on Underscore.js and React.
Questions tagged [griddle]
48 questions
0
votes
0 answers
customHeaderComponent not getting rendered
Griddle version=^0.2.13
Expected Behavior
I am using customHeaderComponent to render columns wise filter on the table that I am displaying but when i run the code filter is not getting rendered.
App.jsx
import React, { Component } from 'react';
…
Hemanshu Sethi
- 139
- 1
- 1
- 7
0
votes
1 answer
Griddle_React default css
I am using griddle-react and have issues with default styling css i.e. 'griddle-cell' or 'griddle-row'. Where do I find/install corresponding css ? Or am I supposed to create myself ?
irom
- 3,316
- 14
- 54
- 86
0
votes
1 answer
React Griddle data table
I want to hide the filter input search field and settings button. I tried below code but search field and settings button still visible.
shubham AK
- 292
- 1
- 3
- 13
0
votes
1 answer
Is it possible to sort a table column based on a month in griddle
I have a timestamp returned like this:
Fri Jun 30 2017 09:57:18 GMT+0100 (BST)
and I formatted it to look like this :
Jun 30, Fri 2017 09:57
When it is sorted in the Griddle it is sorted…
Apsixos
- 13
- 4
0
votes
1 answer
griddle with results attribute is not working
https://griddlegriddle.github.io/v0-docs/quickstart.html
I am just following above example
import React from 'react';
import Griddle, { RowDefinition, ColumnDefinition } from 'griddle-react';
var fakeData = [
{
"id": 0,
"age": 23,
…
Hemakumar
- 639
- 9
- 24
0
votes
1 answer
Cant create connected containers or enhancers for griddle
I'm trying to create an Enhancer for griddle v1.6.0.
I am getting this error:
Uncaught Error: Could not find "store" in either the context or props
of "Connect(Row)". Either wrap the root component in a , or
explicitly pass "store" as a prop to…
Jack Allan
- 14,554
- 11
- 45
- 57
0
votes
0 answers
Griddle v1.3.1 - Sort specific columns using dropdown select
i am trying to achieve sorting using a custom dropdown select component instead of the default arrows next to the column headings to sort specific columns. How is it possible?
sstauross
- 2,602
- 2
- 30
- 50
0
votes
2 answers
ReactJS - Griddle v1.0 get current filtered data
Im trying to figure out how to get the current filtered items from the Griddle component.
I found the following function in the source-code:
var filteredDataSelector = exports.filteredDataSelector = (0, _reselect.createSelector)(dataSelector,…
Sgedda
- 1,323
- 1
- 18
- 27
0
votes
1 answer
How to make input to Griddle settingIconComponent resusable in Meteor + React App
Please provide input if it is possible or not. If possible then how ?
Aim - To replace settings button in griddle with material ui button using Griddle version 0.6.1
Implementation - To replace settings button which shows list of columns to choose…
Sandeep Chikhale
- 1,505
- 2
- 21
- 36
0
votes
1 answer
React grid table with double sorting in specific columns
I have difficulties for completing an emerging task. I must implement a table in which some columns must have two fields. These columns must have a sorting functionality through which the user will be able to sort the selected fields.
To be more…
RamAlx
- 6,976
- 23
- 58
- 106
0
votes
0 answers
What is the proper way to access the `data`, `rowData`, and `metadata` props on a custom Griddle component?
What is the proper way to access the data, rowData, and metadata props on a custom Griddle component? Despite seeing the props populated with my data in the react devtools (e.g. url and title for a link I want to build) the console gives me an error…
aberkow
- 330
- 1
- 10
0
votes
1 answer
Can we just replace input field of filter component to a material UI text field
I am trying to replace filter components input field with text field from materialUI text field.
I am able to display input field by creating a new component, but its not filtering contents.
I don't want different filter function just wanted to…
Sandeep Chikhale
- 1,505
- 2
- 21
- 36
0
votes
2 answers
How to use 'settingsToggleClassName' in Griddle
As settingsToggleClassName requires string input.
I am implementing this in the following way
let griddleBtnStyle = {
background: 'red'
};
and using this style in here
Sandeep Chikhale
- 1,505
- 2
- 21
- 36
0
votes
1 answer
griddle-react passing additional props to custom components
I've defined my column metadata for griddle-react like so:
const cols = [
{"columnName": 'id', "displayName": "ID", "visible": false, "order": 1},
{"columnName": 'name', "displayName": "Name", "order": 2, "customComponent": BrandNameLink},
…
Gregg
- 34,973
- 19
- 109
- 214
0
votes
1 answer
Griddle Tables : React : Visible set to false not working in column meta data?
https://github.com/GriddleGriddle/Griddle
Griddle Tables for React
Column property set to visible = 'false', not working. Does anyone have a fix or workaround for this?
const columnMeta = [
{
'columnName': 'Date Submitted',
…
Sarim Zafar
- 263
- 1
- 3
- 7