Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to create multiple grid instances

See original GitHub issue

I’m trying to create multiple grid instances, but I’m getting errors in the console if I try to do this. I get the same errors simply if I terminate a grid and then try to create another instance.

These are the errors I’m getting:

Canvas.js:305 TypeError: Cannot read property 'cellPadding' of undefined
    at Constructor.resetRowHeaderColumnWidth (index.js:1516)
    at Constructor.renderGrid (index.js:545)
    at Constructor.paint (index.js:203)
    at Canvas.paintNow (Canvas.js:303)
    at Canvas.repaint (Canvas.js:539)
    at Constructor.repaint (index.js:959)
    at Column.set header [as header] (Column.js:139)
    at Object.set (columnProperties.js:47)
    at assignOrDelete.js:23
    at Array.forEach (<anonymous>)

ERROR TypeError: Cannot read property 'reduce' of undefined
    at Constructor.getFooterRowCount (subgrids.js:133)
    at Constructor.getVisibleScrollHeight (index.js:221)
    at Constructor.synchronizeScrollingBoundaries (scrolling.js:330)
    at Constructor.behaviorShapeChanged (index.js:904)
    at Constructor.behaviorChanged (index.js:888)
    at Constructor.changed (Behavior.js:812)
    at Constructor.createColumns (Behavior.js:332)
    at Constructor.createColumns (index.js:47)
    at Constructor.reset (Behavior.js:133)
    at Constructor.initialize (Behavior.js:57)

I’m using version 3.2.0.

Basically I have multiple tabs and I would like to have a separate grid in each of the tabs.

Is this possible?

Issue Analytics

State:
Created 5 years ago
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

joneitcommented, Nov 30, 2018

hey @AmirF27 thanks for the feedback. Please paste in some sample code and I would be happy to create a patch release to make this work for you. That said, I do see that the multiple-grids demo seems to be working…

0reactions

anuradhamudaligecommented, Dec 27, 2018

Yes. You have to give an unique table id. Ex: on HTML,

<div [id]="tableId" #hypergrid></div>

and on TS or JS uniquely set the tableId property