Questions tagged [handsontable]

Handsontable is a composite spreadsheet component for apps and websites written in JavaScript and HTML.

Filter by
Sorted by
Tagged with
0 votes
1 answer
21 views

rhandsontable column sorting to have NAs on top

how do you make NAs appear on top when column sorting a rhandsontable. NA values always end up at the bottom during the sorting. mtcars[1, ] <- NA rhandsontable(mtcars) %>% hot_cols(...
zimia's user avatar
  • 932
0 votes
0 answers
17 views

Handsontable data grid js library and autoNumeric.js

Handsontable is a JavaScript data grid library. AutoNumeric is a Javascript library that provides live as-you-type formatting for international numbers and currencies. If I read correctly, ...
Artur Kordas's user avatar
0 votes
0 answers
26 views

Add a column with header title in handsontable js vue3

I'm trying to dynamically add a column in HandsonTable on button click. I can add a column, but I cannot seem to change the column header. Here is a code snippet const settings = { ... ...
grayson's user avatar
  • 965
0 votes
1 answer
25 views

Handsontable getSelected function not working

I'm using handsontable 13.1 and js. I have some data in a table and I have set up checkboxes in the row header. My table settings are: const hotSettings = { licenseKey: "non-commercial-...
user1592380's user avatar
  • 34.7k
0 votes
0 answers
33 views

Loading data from a database to a Handsontable grid

I am using the following code to get data from my database and send to my handsontable grid. public JsonResult getACLog() { var log = new List<ACLog>(); ...
JoAnn Donaldson's user avatar
0 votes
0 answers
10 views

passing checkbox data from Controller to handsontable grid

I am playing around with a handsontable demo. The load routine gets it's data from the Controller. The Controller routine is public JsonResult GetCar() { var jsonData = new[] ...
JoAnn Donaldson's user avatar
0 votes
0 answers
36 views

handsontable Error: loadData only accepts array of objects or array of arrays (undefined given)

I can not figure out why data is not binding and loading the handsontable. The user would enter in course number and section, and click display grades button. A fetch would retrieve the data from an ...
dwe's user avatar
  • 1
1 vote
1 answer
26 views

Hanesomtable Data not showing in grid

I recently found out that Handsome made a critical change in how you use calls like "Handsontable.Dom.addEvent". I happen to stumble across a statement that said Handsome change the format ...
JoAnn Donaldson's user avatar
-1 votes
1 answer
22 views

disabled option in handsontable Angular

I'm using an example to create table using HandsOnTable this's my core Code image and this's html tag <hot-table [data]="dataset" [settings]="hotSettings" [hotId]="...
R.Habib's user avatar
0 votes
0 answers
32 views

example code to load sqlite data into a handsontable

example code to load sqlite data into a handsontable. im new to this assume table of student id and student names ( im using python and flask) and I would like to display this data in a handsontable. ...
dwe's user avatar
  • 1
0 votes
1 answer
99 views

When removing a row in Handsontable, I want it to remove it in mysql database too

I've been trying to delete rows from my handsontable (which is displaying rows from my database), but I can't find a solution to delete them using the "remove row" option. The plan is when I ...
zahq's user avatar
  • 17
0 votes
0 answers
36 views

I am currently working on a budget application in Django in which information is updated and saved through the handsontable spreadsheet

I created view function to save the data from handsontable but it keeps rendering the following error and I cannot find where the error is: Data to be sent: (4) [Array(10), Array(10), Array(10), Array(...
Owen's user avatar
  • 1
0 votes
1 answer
57 views

Move columns and update state react - Handsontable data grid

I am using the library for React, I have a list (array) of the headers, and on the other side an array of array with the table data. I reading the documentation I was able to enable the menu, among ...
BetaStranger12's user avatar
0 votes
1 answer
336 views

"Could not find a declaration file for module '@handsontable/react'" even though "d.ts" file exists

I'm starting a new project with vite+react+ts+swc with below command following vite document. npm create vite@latest -- --template react-swc-ts And, I installed handsontable library with below command....
YouHoGeon's user avatar
  • 415
0 votes
0 answers
35 views

Example of a custom Editor component in Handsontable using ReactJS

I'm using handsontable to build a ReactJS app. For one of the tables, I need to customize the editor component for one of the columns (I'd like to create a multiselect dropdown with checkboxes). I've ...
Mendy F.'s user avatar
1 vote
0 answers
38 views

I can't merge cells in handsontable 12.4 version, I'm using Umi 4

Here are my steps: First I introduced Handsontable 12.4 and @handsontable/react 12.4 packages in package.json: "handsontable": "^12.4.0", "@handsontable/react": "^12....
CIGITO's user avatar
  • 11
1 vote
2 answers
177 views

shiny / rhandsontable / updating cells

In shiny, I have two tables displayed with rhandsontable, I have already implemented that whenever a cell value is changed the cell gets colored, however when switching between the tables all the ...
galaxy--'s user avatar
  • 152
0 votes
0 answers
31 views

How to fix rhandsontable CSS in dark mode?

Currently working on an RShiny app that has a dark mode toggle. Works as expected except for the rhandsontable tables - their font color and background does not update with the rest of the app. Here ...
currently_working's user avatar
0 votes
0 answers
19 views

How to access apollo object inside custom-editor.component extended by Handsontable.editors.AutocompleteEditor

How I can access this.apollo object inside that custom-edior.component.ts file I am using Handsontable in angualr project. Data stored in Hasura. To communicate with Hasura, I am using Apollo client. ...
deep1234's user avatar
0 votes
0 answers
36 views

Firefox scrollbar under the div with z-index set to 120

I am using Handsontable library with fixedColumnsLeft settings. What it does is it creates a master table and for fixedColumnsLeft it clone those columns and create a new table over the master table ...
Jamshaid Tariq's user avatar
2 votes
1 answer
131 views

Synchronizing column order between two rHandsontable outputs in a Shiny app

I am building a Shiny app that displays two tables side by side: a control table and a preview table. The control table displays the column names of the preview table, and the user can manipulate them ...
mat's user avatar
  • 2,398
0 votes
1 answer
26 views

Defining custom items in the contextMenu for rhandsontable in R

I am trying to define custom items in the contextMenu for rhandsontable in R, following the Handsontable documentation. However, I am encountering an error. Here's the code I have tried: library(...
mat's user avatar
  • 2,398
0 votes
0 answers
41 views

Handsontable component inside a resizable container

I'd like to put a handsontable component inside of a resizable container. I came across the react-resizable component which seemed like a good option for achieving this, however I'm running into an ...
opike's user avatar
  • 7,205
2 votes
1 answer
139 views

Reset selected range in rhandsontable

How can I reset the selected cell range each time a new dataset is generated in the example below? library(shiny) library(data.table) library(rhandsontable) shinyApp( ui = fluidPage( ...
mat's user avatar
  • 2,398
0 votes
0 answers
21 views

Shiny app built with rhandsontable that allows the user to subset a dataset for further processing [duplicate]

I am trying to build a Shiny app that allows the user to subset a range of cells from a dataset using the rhandsontable package. There is a working example here, but I can't find the equivalent in R. ...
mat's user avatar
  • 2,398
0 votes
0 answers
70 views

get handsonTable data with jquery

I am new to the Handsontable API and I'm trying to retrieve the handsonTable data I've declared before in another function ( initTable() ) but I cannot find the right method to apply. Here is my code :...
Amir's user avatar
  • 1
0 votes
0 answers
46 views

Setting the ID order in Handsontable

I have set up an HTML table using Handsontable. I want the ID to be sorted starting from row 2. How can I do it? window.hot = new Handsontable(container, { data: datas, rowHeaders: true, ...
sohretaga's user avatar
1 vote
1 answer
93 views

Handsontable, can't set col width

I'm doing a jsp web app to SMS services. Basically there's a data grid with two columns: [Message, Number] The problem I've been facing is that when I write a long text the width of the cell expands ...
LianoMG's user avatar
  • 21
0 votes
0 answers
34 views

R Handsontable reset row Index

I have created the following App using R Shiny library(shiny) library(rhandsontable) library(DT) DF <- data.frame(ID = 1:7,Column2 = 0, Start = "D",FM="",stringsAsFactors = ...
Raghavan vmvs's user avatar
0 votes
1 answer
95 views

Issue converting standard import statements over to React.lazy() in order to code split a bundle

I want to take the following imports and code: import {HotTable} from '@handsontable/react'; import {registerAllModules} from 'handsontable/registry'; registerAllModules(); And convert them over to ...
opike's user avatar
  • 7,205
0 votes
0 answers
137 views

Is it possible to put a component into a handsontable cell?

Here is my code: import { HotTable } from '@handsontable/react'; import { registerAllModules } from 'handsontable/registry'; import MonthPicker from '../util/monthPicker/MonthPicker'; import '...
The KNVB's user avatar
  • 3,607
0 votes
0 answers
97 views

Issue with saving value of nested Rows in HandsOnTable

I'm creating a Table Editor with the handsOnTable library and am having some issue saving the value dynamically, the rows that are parent i.e. __children = null, i.e. parent row has a set of values ...
Akii J's user avatar
  • 57
0 votes
0 answers
41 views

Is there any way of rendering arrows between data cells in HandsonTable to show how are they related?

The requirement would be something that explains the relationship between data cells as shown below.... Can we achieve this in HandsonTable(HotTable)? To clarify more, can we generate arrows between ...
Abhishek Sh's user avatar
0 votes
0 answers
51 views

Cannot edit cells in Handsontable if autoRowSize: true

I have handsontable. Normally i can edit cells if i dont use autoRowSize: true. But if i dont use autoRowSize: true row heights resizing randomly. I have to use that for proper row height displaying. ...
Samet Dağ's user avatar
0 votes
0 answers
25 views

Primefaces Sheet How to Remove Row Resize Functionality

I have sheet which uses handsontable if i scroll table to right Only frozen columns stayed with same colwidth and height. And other columns width and height changing even if i set colwidth to them. In ...
Samet Dağ's user avatar
0 votes
0 answers
164 views

How to implement infinite scrolling in handsontable ? (with ajax)

`Hello, I want to implement infinite scrolling in hands on table in my project. when i scroll down in table, it add next page but when i scroll up it doesen't show previous page and when i reached at ...
Manan's user avatar
  • 1
0 votes
0 answers
72 views

This React project by Handsontable on codesandbox works, but when I fork or clone, it stops functioning

Here is the link to my fork on codesandbox that is having the error. I'm having the same error when I clone or download all the files and start a repo from scratch locally: https://codesandbox.io/p/...
learnedToCode's user avatar
0 votes
0 answers
72 views

.ts syntax issue w React Component - won't compile

I'm using Handsontable (https://codesandbox.io/s/handsontable-react-data-grid-hello-world-app-forked-0dc85s?file=/src/index.tsx) as the foundation of my data sharing project. I forked this project and ...
learnedToCode's user avatar
0 votes
2 answers
49 views

How to call my React component properly? No webpack errors and no dom

(UPDATE:) I refactored App.js and made the two changes in comments. Here is the newest code, still not rendering on the dom. My basic React app won't render and I'm hoping I can get a little help. I'm ...
learnedToCode's user avatar
0 votes
0 answers
33 views

Increase Number of rows by numeric input i R shiny Handsontable without resetting the table to the initial values

I have created the following R shiny app with a handsonontable library(shiny) library(rhandsontable) ui <- fluidPage( sidebarLayout(sidebarPanel = "Inputparameter",numericInput(...
Raghavan vmvs's user avatar
0 votes
0 answers
74 views

Problems with formatting when pasting into excel

I am encountering strange behavior when setting the clipboard in JavaScript and pasting in excel. When I copy and paste directly into excel I get this first format where the cell is expanded ...
Zach's user avatar
  • 31
0 votes
0 answers
112 views

Handsontable loses CSS after scrolling

The Problem: I load a large dataset (~1000 rows) and in the afterRender event, I call a function to iterate over the rows and apply styles to cells. This works perfectly on the version I was using (&...
markpsmith's user avatar
  • 4,872
0 votes
1 answer
100 views

Link js method to custom row properties on Handsontable row header - VueJS

Hi I have a little problem with Handsontable, I added a trash icon in the row headers, that calls an API endpoint to delete to object described on that row. The thing is, I don't manage to link the ...
Scryper's user avatar
  • 178
7 votes
1 answer
257 views

Type errors when extending component more than one level using forwardRef and useImperativeHandle

I'm experimenting with extending components in React. I'm trying to extend Handsontable using forwardRef and useImperativeHandle. First I wrap Handsontable in my own BaseTable component, adding some ...
mottosson's user avatar
  • 3,413
0 votes
0 answers
148 views

renderAllRows: false still renders all rows

I am creating a table and have renderAllRows:false and it still renders all rows, giving me the 'performance tip: *VM6606 handsontable.full.min.js:61 Performance tip: Handsontable rendered more than ...
BotWhisperer's user avatar
0 votes
0 answers
36 views

how to do I enable the dropDownMenu is Handsontable, even if I set it to true it's not visible

startCols = {15} startRows = {15} rowHeaders={false} colWidths={150} filters={true} checkedTemplate={true} hiddenColumns={{ indicators: true }} dropdownMenu={true} ...
Ulhas Bhalerao's user avatar
0 votes
1 answer
154 views

Handsontable not recognising custom formula

I created a simple handsontable with a custom formula, but I cannot get it to work. I followed the example in the HyperFormula docs but the function is not being recognised by the library. Here is an ...
Nicola D'Aniello's user avatar
0 votes
1 answer
149 views

Handsontable is loosing bahaviour after updateSettings() method

I have a problem. Handsontable work fine with initial data object, but I need to add some extra logic like: colous for rows and columns, change the markup of table headers. The good way described in ...
Marcin Libelt's user avatar
0 votes
1 answer
88 views

HandsOnTable sheetName Does not exists in type DetailedSettings

Getting this error when I use sheetName in formulas along with engine : HyperFormula from official documentation. ‘sheetName’ does not exist in type ‘DetailedSettings’ This is how I am setting <...
Jamshaid Tariq's user avatar
0 votes
1 answer
169 views

HandsOnTable load data including formulas

I have handsonTable which is getting data as array of array. I applied some formulas and saved the data. now I want to load that data directly into handsonTable component in ReactJs. problem is its ...
Jamshaid Tariq's user avatar

1
2 3 4 5
23