Not able to use nestedRows with angular 6

Tags: #<Tag:0x00007f8b1dd8be68>
#1

There is some requirement for which I’m thinking of using nestedRow feature of Handsontable. So I need to upgrade it, as nestedRow property is available after V7.0. Currently, I’m using Handsontable with angular 6.1.

Previous Handsontable version
“@handsontable-pro/angular”: “^3.0.0”,
“handsontable-pro”: “^6.2.2”

Updated Handsontable version
“@handsontable/angular”: “^5.0.0”,
“handsontable”: “^7.0.3”

Earlier it was working fine but after updating the dependency I’m not able to bulid the code. It throws error given below:

  • src/app/pages/home/components/rate-cards/rate-cards-data/edit-rate-card/edit-rate-card.component.ts(254,37): error TS2339: Property ‘GridSettings’ does not exist on type ‘typeof import(“D:/project/ui/node_modules/handsontable/handsontable”)’.
  • src/app/pages/home/components/rate-cards/rate-cards-data/edit-rate-card/edit-rate-card.component.ts(290,18): error TS2339: Property ‘renderers’ does not exist on type ‘typeof import(“D:/project/ui/node_modules/handsontable/handsontable”)’.
  • src/app/pages/home/components/rate-cards/rate-cards-data/edit-rate-card/edit-rate-card.component.ts(752,43): error TS2339: Property ‘includes’ does not exist on type ‘string | number’.
  • Property ‘includes’ does not exist on type ‘number’.
  • src/app/pages/home/components/rate-cards/rate-cards-data/edit-rate-card/edit-rate-card.component.ts(753,41): error TS2339: Property ‘includes’ does not exist on type ‘string | number’.
  • Property ‘includes’ does not exist on type ‘number’.
  • src/app/pages/home/components/rate-cards/rate-cards-data/edit-rate-card/edit-rate-card.component.ts(1143,60): error TS2345: Argument of type ‘string | number’ is not assignable to parameter of type ‘string’.
  • Type ‘number’ is not assignable to type ‘string’.
  • src/app/pages/home/components/rate-cards/rate-cards-data/edit-rate-card/edit-rate-card.component.ts(1145,18): error TS2339: Property ‘includes’ does not exist on type ‘string | number’.
  • Property ‘includes’ does not exist on type ‘number’.
  • src/app/pages/home/components/rate-cards/rate-cards-data/edit-rate-card/edit-rate-card.component.ts(1146,16): error TS2339: Property ‘replace’ does not exist on type ‘string | number’.
  • Property ‘replace’ does not exist on type ‘number’.
  • src/app/pages/home/components/rate-cards/rate-cards-data/edit-rate-card/edit-rate-card.component.ts(1219,82): error TS2345: Argument of type ‘string | number’ is not assignable to parameter of type ‘string’.
  • Type ‘number’ is not assignable to type ‘string’.
#2

Hey @jha.abhishek9180

before 7.0.0 we had Handsontable CE (npm handsontable) and Handsontable pro (npm handsontable-pro). Since 7.0.0 we have all the features in one version (npm handsontable).

#3

Hey @aleksandra_budnik

My current version is 7.0.0 and I’ve updated all imports as well but still I’m getting errors like
“Handsontable.GridSettings” doesn’t exist on typeof handsontable
“Handsontable.renderers” doesn’t exist on typeof handsontable

My current import file is as follows:
import * as Handsontable from ‘handsontable’;
import { HotTableRegisterer } from ‘@handsontable/angular’;

#4

Can you share your project with me @jha.abhishek9180?
I don;t know if I’ll be able to send some hints without seeing the configuration.

#5

It looks like the answer’s no but if you still need anything please create a new topic.

#6