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
12
votes
2 answers
Use custom filter input component with Griddle
I'm using griddle a react component to create a table.
Griddle supports a extra attribute to show a filter input element, which manipulates the table.
Is there a way to use your own independent form / input with griddle. So that when the…
ThomasReggi
- 55,053
- 85
- 237
- 424
7
votes
2 answers
Griddle Subgrids Collapse on Render
Griddle supports subgrids. I have a custom component (used for row selection) in one of the fields that changes the state. This state change causes a re-render, which collapses the subgrid. However, I'd like it to stay open.
This same problem is…
Scotty H
- 6,432
- 6
- 41
- 94
5
votes
2 answers
Griddle v1 onRowClick not firing
Was tasked to upgrade from Griddle v0.7 to Griddle v1.1. But I can't seeme to get onRowClick to work.
import React, { Component } from 'react';
import Griddle from 'griddle-react';
export default class Table extends Component {
render() {
…
KasperVerner
- 53
- 4
4
votes
2 answers
Selecting a Row in React Griddle, and changing tr background color
I'm just wondering if someone has already been able to change the color of a row, in React Griddle, by clicking on it (just once).
I'm experimenting things with JQuery, and even with Griddle Metadata, but it may be done in a cleaner way ?
Edit : I'm…
awzx
- 1,023
- 2
- 12
- 31
4
votes
0 answers
When using Griddle.js, is it possible to sort a column using values from a metadata column?
Is it possible to sort one column via values of another hidden (metadata) column?
Why is this desired?
When Sorting dollar values, it is desirable and more consistent if we sort by numerical values instead of string/formatted dollar values.
When…
johncho
- 641
- 2
- 11
- 25
2
votes
0 answers
React Griddle rendering latency high with 10,000 rows
We are using React framework in our application and Griddle library for creating table grid with 10,000 rows. Our application is heavily utilizing the searching, sorting functionality on all the data rendered in the Grid.
The problem which we are…
Emperor
- 59
- 1
- 4
2
votes
0 answers
React: Passing properties into customComponent Griddle
I got stuck on a problem where I want to give some properties to a customCompontent.
I have a react component scoutingList that prints a list of players who are scouted at the moment. It's also possible to remove a player from this list by clicking…
Kevin
- 21
- 2
2
votes
0 answers
Is there a way to display subarrays with Griddle/ReactJS?
Say the data I want to model in a griddle grid is something like the following:
[
{
"custID": 9,
"custName": "Customer 1",
"host": "Host 1",
"mesg": null,
"password": "Password 1",
"pm": "PM 1",
…
MonkeyWrench
- 1,809
- 2
- 24
- 48
2
votes
0 answers
Master/Details with Griddle
I'm working on a project where Griddle is used to show a list of item. I would like to support the typical master/details pattern and show more details for the selected row adjacent to my grid component. Looking through the API documentation I…
jpierson
- 16,435
- 14
- 105
- 149
1
vote
2 answers
How to allow users to click on rows
I'm using griddle-react in order to display a table. I'm having trouble making each cell clickable. For now I'd like to just print the id value to the console. Here is my code:
import React from "react";
import ReactDOM from "react-dom";
import…
tee
- 1,286
- 2
- 19
- 35
1
vote
1 answer
The "somethingsomthing" is appearing as a plane text and not working as it to perform
I am having an issue that I am using the griddle.js and handsontable in my react application and I have to display a value with sup tag. But the output is the plane text with //somethingsomthing but instead it should show like sup tag
I…
Mohsin Younas
- 21
- 3
1
vote
3 answers
convert objects array to griddle readable array
I'm fetching json data with ajax. Then I want to output it in Griddle using griddle-react. The problem is I cannot convert my array to a Griddle readable array.
After the ajax fetch i made a callback function:
function convert(obj) {
…
pazta
- 371
- 2
- 4
- 11
1
vote
1 answer
Griddle v1.9 inputbox in customFilterComponent lose focus
I'm stuck with the following problem: every time I update the searchString in my redux store, the CustomFilterConnectedComponent that I pass to Griddle loses focus and I don't understand why this happens.
this is my code based on the…
Rajab Shakirov
- 7,265
- 7
- 28
- 42
1
vote
0 answers
I trying use Griddle
trying to use Griddle but it shows 'No results found'
import React, { Component } from 'react';
import DocumentTitle from 'react-document-title';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { loadHeaders }…
Vavan
- 21
- 3
1
vote
1 answer
Griddle Filter Component Customization
I am using Griddle Component and trying to customize Filter component to fit the requirement. I am getting Uncaught TypeError: this.props.onChange is not a function error. I am following this example.…
Hussain Ansari
- 98
- 8