Questions tagged [handsontable]
Handsontable is a composite spreadsheet component for apps and websites written in JavaScript and HTML.
1,123
questions
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(...
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, ...
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 = {
...
...
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-...
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>();
...
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[]
...
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 ...
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 ...
-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]="...
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.
...
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 ...
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(...
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 ...
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....
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 ...
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....
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 ...
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 ...
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. ...
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 ...
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 ...
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(...
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 ...
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(
...
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.
...
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 :...
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,
...
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 ...
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 = ...
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 ...
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 '...
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 ...
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 ...
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.
...
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 ...
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 ...
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/...
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 ...
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 ...
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(...
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 ...
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 (&...
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 ...
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 ...
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 ...
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}
...
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 ...
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 ...
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 <...
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 ...