[{"data":1,"prerenderedAt":255},["ShallowReactive",2],{"project-13689765":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":43,"post_text":46,"what":47,"said":78,"maker_in_thread":154,"shape":156,"grid":160,"attempts":218,"same_week":219,"maker_shows":34,"maker_hidden":247,"reader_version":248,"card":249},"13689765","Griddle 1.0","A customizable datagrid component for React","title","Show HN: Griddle 1.0 – A customizable datagrid component for React","http:\u002F\u002Fgriddlegriddle.github.io\u002FGriddle\u002F","griddlegriddle.github.io","joelroxor",1487616172,2017,60,22,710,2242,32,"notable","languages","react ui component library","library",[24,25,26,27,28],"react","datagrid","data table","react component","grid component","mixed",0.167,{"positive":32,"neutral":33,"mixed":32,"critical":34},4,6,2,16,{"execution":37,"idea":39,"design":41,"performance":42},{"positive":38,"critical":38},1,{"positive":34,"critical":40},0,{"positive":40,"critical":40},{"positive":40,"critical":38},[40,40,44,44,40,38,45,45,45,44,45,44,40,40,44,44,44,44,44,44,38,40],3,5,null,{"problem":48,"audience":60,"pricing":46,"motivation":46,"time_to_build":46,"stack":69,"openness":76,"stage":77,"team_size":76},{"value":49,"source":50,"evidence":51},"Building customizable data grids in React with features existing grids lack","commenter",[52,56],{"id":53,"by":54,"text":55},"13690996","misiti3780","For anyone that needs to implement grid-based editing in their application, here is my two sense: I have spent the past few months looking at a variety of grids in react. The…",{"id":57,"by":58,"text":59},"13692193","jimmcslim","Ah, datagrids... - The 'Platonic Ideal' data grid implements 100% of all features that could ever be needed of a datagrid. - All implementations of the Platonic Ideal only…",{"value":61,"source":62,"evidence":63},"React developers building data-heavy interfaces","inferred",[64,65],{"id":53,"by":54,"text":55},{"id":66,"by":67,"text":68},"13690874","BrunoWinck","I could use this today. I have a table to install in my app. Will it support bootstrap 4?",[70],{"value":71,"source":72,"evidence":73},"React","maker",[74],{"id":75},"post","unknown","launched",{"praise":79,"objections":94,"requests":110,"questions":125,"alternatives":134},[80,87],{"value":81,"source":50,"evidence":82},"Works well in production and balances flexibility, power and ease of use",[83],{"id":84,"by":85,"text":86},"13690800","lacaua","I use this in production, it strikes a decent balance between flexible, powerful, and quick to use.",{"value":88,"source":50,"evidence":89},"Customizable framework with a common prop API for open source components",[90],{"id":91,"by":92,"text":93},"13690805","lopatin","This is awesome. It's just a fully customizable framework for composing components that display collections of data. I think things like this are great because it defines a…",[95,106],{"value":96,"source":50,"evidence":97},"Feature gaps compared with other grids like ag-grid",[98,102],{"id":99,"by":100,"text":101},"13690801","zimablue","How does this stack up against Ag-grid? The former is very strong in features from some experience using.",{"id":103,"by":104,"text":105},"13691245","rufio","we are using ag-grid with react, and I can say the feature sets are very appealing and very nice. that said, ag-grid really needs to manage it's own state... like... it isn't…",{"value":107,"source":50,"evidence":108},"Unclear whether it supports Bootstrap 4",[109],{"id":66,"by":67,"text":68},[111,118],{"value":112,"source":50,"evidence":113},"Support for single cell value re-computation like Excel formulas",[114],{"id":115,"by":116,"text":117},"13692176","d0100","I need a grid component that supports single cell value re-computation. Trying to display data that is computed (think Excel formulas) with react-data-grid and others is very…",{"value":119,"source":50,"evidence":120},"Column width stability while interacting with the grid",[121],{"id":122,"by":123,"text":124},"13690301","zitterbewegung","Is there a way for the width of the columns to be set to the maximum length of a field? Right now when I interact with the data grid it seems weird that the widths seem to change…",[126,130],{"value":127,"source":50,"evidence":128},"Will it support Bootstrap 4?",[129],{"id":66,"by":67,"text":68},{"value":131,"source":50,"evidence":132},"How does it compare with ag-grid?",[133],{"id":99,"by":100,"text":101},[135,142,146,150],{"value":136,"source":50,"evidence":137},"react-virtualized",[138],{"id":139,"by":140,"text":141},"13691801","bombtrack","Did you evaluate or consider react-virtualized [0]? I've used it for one internal app that loaded a couple thousand rows and it worked well. I don't think it meets all your…",{"value":143,"source":50,"evidence":144},"fixed-data-table-2",[145],{"id":53,"by":54,"text":55},{"value":147,"source":50,"evidence":148},"ag-grid",[149],{"id":99,"by":100,"text":101},{"value":151,"source":50,"evidence":152},"react-data-grid",[153],{"id":115,"by":116,"text":117},{"comments":40,"answered":40,"key":155},[],{"commenters":157,"max_depth":44,"maker_replies":40,"first_comment_mins":158,"lifespan_hours":159},18,66,42,[161,163,166,168,169,173,176,179,181,183,185,188,189,192,196,199,202,205,208,210,211,215],[57,40,40,162,58,40],"other\u002Fneutral\u002Fidea",[164,40,40,162,165,40],"13692372","k__",[53,38,44,167,54,40],"project\u002Fmixed\u002Fexecution",[139,38,44,167,140,40],[170,38,40,171,172,40],"13691909","other\u002Fneutral\u002Fnone","rch",[174,38,38,175,54,40],"13700554","project\u002Fcritical\u002Fexecution",[177,34,45,178,104,40],"13691262","maker\u002Fpositive\u002Fnone",[84,44,45,180,85,40],"project\u002Fpositive\u002Fexecution",[91,32,45,182,92,40],"project\u002Fpositive\u002Fidea",[115,45,44,184,116,40],"project\u002Fneutral\u002Fidea",[186,45,45,182,187,40],"13692686","dengar007",[66,33,44,184,67,40],[190,33,40,171,191,40],"13692065","primaryobjects",[193,33,40,194,195,40],"13693811","commenter\u002Fneutral\u002Fnone","edoceo",[197,33,44,198,67,40],"13705083","project\u002Fneutral\u002Fnone",[122,200,44,201,123,40],7,"project\u002Fneutral\u002Fdesign",[203,200,44,201,204,40],"13690526","jaquers",[206,207,44,167,165,40],"13692265",8,[99,209,44,198,100,40],9,[103,209,44,167,104,40],[212,209,38,213,214,40],"13692052","project\u002Fcritical\u002Fperformance","watty",[216,209,40,194,217,40],"13692467","true_religion",[],[220,225,230,234,239,243],{"id":221,"name":222,"points":223,"category":224},"13677748","WikiQuiz",388,"learning_science",{"id":226,"name":227,"points":228,"category":229},"13674890","Evilpass",367,"security_privacy",{"id":231,"name":232,"points":233,"category":224},"13667015","Ipyvolume",210,{"id":235,"name":236,"points":237,"category":238},"13695614","GraphQL Voyager",163,"dev_tools",{"id":240,"name":241,"points":242,"category":238},"13700512","itermplot",160,{"id":244,"name":245,"points":246,"category":20},"13676105","Clozemaster",145,false,"v2",{"id":250,"name":5,"line":6,"ai":247,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":251,"top":18,"kw":252,"maker":11,"domain":10,"tier":19,"attempts":40,"strip":253,"url":9,"mix":254,"praise":81,"objection":96,"sub":21},13689765,0.17,[24,25,26,27,28],"0033015553530033333310",[32,33,32,34],1794036552847]