Column summary error

Tags: #<Tag:0x00007f13604e1b08> #<Tag:0x00007f13604e19c8>
#1

Hello there,

I tried to enable columnSummary but it gives me this error. I’m using the React version of Handsontable.

image
image.jpg2124×1484 316 KB

#2

I’m trying it with this:

columnSummary={[
	{
		type: 'sum',
		destinationColumn: 12,
		destinationRow: 200,
		forceNumeric: true,
	},
]}

And I also use HotColumn component to render columns.

#3

Hi @r.evangelio

I tried it with a HotColumn component in React, and column summary works correctly. Here’s an example: https://jsfiddle.net/handsoncode/epc8Lz6g/

#4

Hi @adrian.szymanski,

To be specific, I’m using Next JS for this. The way I import the table is using the dynamic import of NextJS to be able to solve this error

‘navigator is not defined’

I have a feeling that this is due to this. Do you maybe have some example using NextJS?

#5

Thank you for the details. We don’t have example with NextJS, but we did some experiments with Gatsby as we had some reports about problems with SSR. Unfortunately, for now, Handsontable doesn’t support SSR, and we have to use workarounds as in this example:

I tried it with hardcoded data in frontend, and then column summary works, but with simulating getting it from backend it does not. I’m afraid that until we will have an official solution for SSR some plugins might not work correctly.

1 Like
#6