Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
Ryan Lanciaux
@ryanlanciaux
That uses griddle as a map too
Running the docs site locally does function as well
If you pulled the code down and the map example isn’t working locally like it is on the, site please file an issue
César Carrillo
@carrillo455
hey guys! what are your thoughts about using Griddle, maybe vs React-Table if any one has used it.. is this the better option for a developer who is looking for a Datatable-ish plugin-library?
for React*
for a React Project*
Michael Cuneo
@michaelcuneo
My thoughts is that it’s a good solution, but I’ve never tried anything else… seems to work fine for me.
Considering that this is a Datatable-ish plugin-library for a react project … you’ve found what you’re looking for I’d say.
Irfan Nazir
@IrfyNaz
Hi guys - I'm having a problem with a component in the Layout (additionalComponents) - not re-rendering after a state update. Is there a special trick to get this to work?
Some code snippets:
  renderControls() {
    return (
      <div>
        <div className="pull-right">
          <label className="ui-checkbox">
            <input
              name="toggleThing"
              type="checkbox"
              checked={this.props.doToggle}
              onChange={() => {}}
            />
            <span>Toggle</span>
          </label>
        </div>
      </div>
    );
  }

render() {
    const NewLayout = FullLayout({
      additionalControls: this.renderControls(),
      showFilter: true,
      showPagination: myData.length > 100
    });

    return (
      <Griddle
        data={myData
        plugins={[plugins.LocalPlugin]}
        pageProperties={{ pageSize: 100 }}
        components={{ Layout: NewLayout }}
      >
....
}
Jerry Huckins
@grayskwrl149
Where can I find good docs on upgrading Griddle from 0.8 to current?
Michael Cuneo
@michaelcuneo
Hey guys.
I’ve got a project breaking issue, that I need to figure out.
My columnMetadata is being ignored. :(
Michael Cuneo
@michaelcuneo
Ahh that’s old anyway.
Is value the only thing I can get from a customComponent?
That can’t be right.
Dibyo Majumdar
@mDibyo
Is this project being actively maintained? There doesn't seem to be any activity on the PRs. (maybe I am just being impatient?)
Clint Milner
@clintmilner
Hello - I was wondering if there was a way that the RowDefinition component could access the data for that row? ie: Imagine a table of users where the data is passed as 'data' to the Griddle component. If the user is at work, I want to add a cssClassName to the RowDefinition. Thank you.
Sander Breivik
@SanderBreivik
Hi!
Are there any styling out for use? Or do i have to style the griddle table by myself?
Axel Huizinga
@axelhuizinga
How can I add a callback function to the props of a custom Layout component?
I want to display the Filter within my Sidebar at the parent component
Kakashi Hatake
@kakashi.h2k_gitlab
is it possible to take the filter input field and place it where ever you want and give it another style/size etc.?
Axel Huizinga
@axelhuizinga
@kakashi.h2k_gitlab - yes https://griddlegriddle.github.io/Griddle/docs/api/
you can look at the Layout section which you can override like
const NewLayout = ({ Table, Pagination, Filter, SettingsWrapper }) => (
  <div>
    <Filter />
    <Pagination />
    <Table />
  </div>
);
Kakashi Hatake
@kakashi.h2k_gitlab
@axelhuizinga some time ago I used griddle 0.x, didnt figured it out, but I will give it another try. Thanks!
Kakashi Hatake
@kakashi.h2k_gitlab
everything works so far, I can style all elements how I want :)
Axel Huizinga
@axelhuizinga
very nice
Kakashi Hatake
@kakashi.h2k_gitlab
but how can I place and style the box that appears if I hit the settings button?
Axel Huizinga
@axelhuizinga
I'd try to apply a css class as usual
Kakashi Hatake
@kakashi.h2k_gitlab
hmm... at the moment I used the <Griddle components={{ SettingsToggle: CustomSettingsToggle}} />
with that I am able to set the button of the settings and what I did, everything works so far
but its not possible to use the settings-box as an component in the Layout?
Axel Huizinga
@axelhuizinga
Not sure about but you should be able to set the style in your CustomSettingsToggle with a className prop
Kakashi Hatake
@kakashi.h2k_gitlab
@axelhuizinga
the docs, in the API section, say that <SettingsToggle /> component contains the box with the settings, which is the Settings component, but its not the in the Layout props
with the styleConfig I can change the Style of the Settings, so I guess I have to live with it :)
Kakashi Hatake
@kakashi.h2k_gitlab
how can I get the filter-box under the filter and settings button?
like this:
Axel Huizinga
@axelhuizinga
how did you implement the CustomSettingsToggle?
Kakashi Hatake
@kakashi.h2k_gitlab
const CustomSettingsToggle = ({ style, onClick }) => (
  <div>
    <IconButton style={style} onClick={onClick}>
      <ColumnIcon />
    </IconButton>
  </div>
);
Axel Huizinga
@axelhuizinga
well then you could put a className prop in the div and the filter div as well and align them with flexbox or anything you might want
Kakashi Hatake
@kakashi.h2k_gitlab
just see that I have redundant divs here
Kakashi Hatake
@kakashi.h2k_gitlab
I dont get it
Axel Huizinga
@axelhuizinga
to be honest after putting a week of work into creating typedefs for Haxe extern class defs I stumbled about too much unknown and no visible activity from the creators stopped me digging deeper here - now I continue to develop my own Table component
Kakashi Hatake
@kakashi.h2k_gitlab
but just in case, look what I have:
Axel Huizinga
@axelhuizinga
let me see
Kakashi Hatake
@kakashi.h2k_gitlab
so the icon moves to the left and the Setting are below the button
I want that the settings are below filter and SettingsToggle
Axel Huizinga
@axelhuizinga
would be interesting to see a devtools view of the dom b4 and after
Kakashi Hatake
@kakashi.h2k_gitlab
wait I have an idea/theory, maybe this will work