Questions tagged [handsontable]
Handsontable is a composite spreadsheet component for apps and websites written in JavaScript and HTML.
1,069
questions
1
vote
1
answer
27
views
handsontable not showing any table's row?
I am new to handsontable I tried it but it doesn't work here is the js config.
new Handsontable(document.getElementById("test"), {
data: table_data,
height: 'auto',
colWidths: [ 100, ...
0
votes
1
answer
23
views
Angular13 Handsontable Dropdown Not Working
I have a handsontable in my componet.ts and when I try to use the dropdown list and click the down arrow it is just turning into a text editor. Just wondering how I get the dropdown to work properly.
...
0
votes
1
answer
40
views
Namespace 'Handsontable' has no exported member '_editors'
I am trying to install handsOnTable with Vue 2 project using npm as per the documentation but the build is failing with the following error:
ERROR in /node_modules/@handsontable/vue/types.d.ts(56,73):...
0
votes
0
answers
53
views
Filter key-value-list with text input Handsontable
first of all thank you for your time.
i need your help with handsontable (page oficial, documentation) . i am trying to create a filter for a custom type cell. key-value-list but i can only “filter” ...
0
votes
0
answers
11
views
HandsonTable AfterUpdate (OpenSource Version)
There seem to be two versions of the "Handsontable is a simple jQuery plugin for editable tables with basic copy-paste compatibility with Excel and Google Docs" So this question is about ...
0
votes
1
answer
56
views
Have div width match that of the contents
I have a container div that holds a react handsontable component, and I want to use the autosizing of the component but at the same time have it centered in the screen (or an outer div).
So in this ...
0
votes
1
answer
46
views
How to add default values to handsontable React?
I need to know how can I add default values to newly created rows which created with context menu in Handsontable react. It's on the documentation, but it's in vanilla js. But I need to do this on ...
0
votes
1
answer
69
views
Handsontable not showing columns with missing data values
According to this example:
https://handsontable.com/docs/binding-to-data/#array-of-objects-with-column-as-a-function
HOT will create missing properties on demand, however I'm not seeing this behavior.
...
0
votes
0
answers
27
views
How can i link a mysql database to handsontable?
I'm working on a symfony project and I decided to use handsontable. However, I don't understand at all how to save data entered in handsontable because I'm new to all this.
I tried to redo the example ...
0
votes
1
answer
46
views
how can i export <img> tag in handsontable into .csv file as an image not html?
enter image description here
I want to export my handsontable as CSV file but its render as html. so when its downloaded it shows the HTML over there any help will be appreciated.
0
votes
1
answer
30
views
How to bind list of objects to handsontable?
I have a json object,which contains following data.
var myData = [{
"sNo": "1.0",
"boqName": "Installation of pole 11 KV",
"unit&...
1
vote
1
answer
130
views
ReactJS: Handsontable Cell Data Clearing after Rerender
Im implementing Handsontable (https://handsontable.com/docs/) into one of my projects however im encountering an issue where when my button onClick function fires, it causes a rerender and all the ...
0
votes
1
answer
27
views
Odd blue borders in handsontable
I have a very basic handsontable in my component in React.
<HotTable
settings={{ licenseKey: 'non-commercial-and-evaluation' }}
data={this.state.rawData}
colHeaders={false}
...
0
votes
1
answer
58
views
Any alternatives to `Rows n columns` grid component for react
I'm looking for is a react grid component which is canvas based. Ideally I would have used https://rowsncolumns.app/docs/ however they were recently bought out and not available for purchase anymore.
...
0
votes
1
answer
72
views
In handsontable after select a day from date picker new row added
I'm using handsontable version 10, I have a issue after selecting a date from date picker it will added a new row. How I can disable that? But I need to get a new row with "enter key"
any ...
0
votes
0
answers
34
views
handsontable not able to save the edited cell
Handsontable my data is =[{name:"test",id:1},{name:"test",id:1}]
data is rendered in the table but when after editing & moving to next cell the edited cell value get reset to ...
1
vote
1
answer
106
views
Why are Handsontable CSS files not applying to my Angular Frontend?
I am trying to display a Handsontable to my Angular frontend. I've gotten the basic example https://handsontable.com/docs/angular-simple-example/ to work in a brand new Angular project, but when I add ...
0
votes
2
answers
47
views
How to disable first body font styles to the first row in the body of a Handsontable hot-table?
I am working on displaying a Handsontable on my Angular frontend. When I give the data. When the table is displayed, the first row of the body has a font style that makes it look like a header (bold, ...
1
vote
0
answers
112
views
How to add automatically row on paste in Handsontable at last row?
I am creating a web application in .Net Core and for excel we are using Handsontable and it works fine.
Now when the user copy more than one row and only one place is there(last row remaining) then it ...
3
votes
1
answer
73
views
highlight the row if a cell is edited in Rhandsontable and keep track of all changes
I'm developing a shiny app which is reading data from SQL database and present it in a rhandsontable and allows user to edit the data. I would like to add some functionality before I submit the ...
1
vote
0
answers
183
views
How to import handsontable in vue 3 project?
i want to use handsontable librairies in my Vue 3 project but i can't even import it.
I followed every step off their doc but i can't find for Vue 3.
I installed it with npm as they said but it seems ...
0
votes
0
answers
17
views
Rows are not display Handsontable v1.13.0
I’m adding rows continuously to the table after some rows were added rows disappear like the below image
Does anyone have any idea why this happening??
0
votes
1
answer
47
views
Handsontable(6.2.2) manualColumnMove not work
I want to change column display position by array(DB saved).
//data ex. def. pos
hot = new Handsontable(container, {
/*...*/
columns:[
{data: 'A'}, //0
{data: 'B'}, //1
{data: ...
0
votes
0
answers
16
views
Handsontable: columnSorting doesn't work with complex header
If the column header is not a simple span, the columnSorting doesn't work.
You can reproduce it easily by using Vue2 handsontable helloword (https://codesandbox.io/s/handsontable-vue-data-grid-hello-...
3
votes
0
answers
67
views
How do I make Handsontable available to my Laravel Blade component?
I'm making a table editor in Laravel using a Blade component. I want to use Handsontable so I've installed it via NPM and added the import statements to app.js and then run Laravel Mix to build the ...
0
votes
0
answers
116
views
Downloading table using Rhandsontable in shiny
I have created a table in shiny using Rhandsontable package in R. I am able to download the table in csv using the below code, however, i am looking to create a functionality in such a way that the ...
0
votes
0
answers
37
views
Handsontable formula-parser not adding two strings using + operator
https://www.npmjs.com/package/hot-formula-parser
Using above formula parser, but its giving error when adding two or more strings as below-
'apple' + 'orange' // {error: "#VALUE!", ...
0
votes
1
answer
122
views
Why don't checkboxes in my Handsontable Custom Editor toggle?
I'm using the latest Handsontable version 9.0.0 without any framework and I'm trying to follow the Cell editor developer guide, but I'm at a loss.
My requirement is to show a couple of checkboxes and ...
0
votes
0
answers
84
views
Small negative numbers formatted incorrectly in handsontable
Using handsontable, when the options thousandSeparated and trimMantissa are activated, then, small negative numerical values appear as - instead of the expected 0 (or -0).
Is there something I'm ...
0
votes
1
answer
22
views
HandsonTable what is \9 in css ? build failed with systax error
what is \9 in css below. is this typo or valid character, Do i need to report or modify webpack to recognize this character
https://github.com/handsontable/handsontable/blob/master/dist/handsontable....
0
votes
0
answers
73
views
Renderer of rhandsontable is making the table slow/slugish. Any fix?
I found that rhandsontable renderer is pretty slow. I can not even control/click/scroll when I have added renderer inside the table.
Here is the data which I am using. My data has more than 100k rows ...
0
votes
1
answer
165
views
Register callback to afterOnCellMouseDown event with rhandsontable
I have an rhandsontable and wish to trigger an event each time a cell is clicked, such that I can identify the cell which was clicked.
From what I've seen, this can only be done using JS.
I've tried ...
1
vote
1
answer
231
views
Handsontable not rendering properly inside a q-tab-panel
I have some quasar panels with some content inside. One of these contents is a handsontable but it is not rendering correctly. At the beginning of the code I perfectly render a handsontable into a q-...
1
vote
1
answer
181
views
Handsontable 7.4 dropdown cell with falsy value (0) shows placeholder
I am looking for a way to display the numeric value 0 in a dropdown list that also includes placeholder text when the cell is empty. Currently, if 0 is selected the placeholder text shows through. I'm ...
3
votes
1
answer
60
views
Is console unnecessary Error Message slowing the webpage?
I am using Handsontable to show some table in my webpage and it is working fine, but over the time as the client left the page hanging the page will accumulate error such as
(I can't upload pic but ...
1
vote
1
answer
56
views
404 on handsontable after moving it to resource folder
I am trying to install in spring boot application handsontable locally. After downloading, I moved the handsontable to the resource folder and registered the paths to the css and js files, but the ...
0
votes
0
answers
38
views
Using excel VBA to fill in a handsontable
I had built and excel sheet that filled out repetitive data on a web page for work. We've recently updated the page to using a javascript table called a hands on table and this broke my macro. I've ...
1
vote
1
answer
117
views
How to use the 'afterColumnResize' event with 'rhandsontable'?
The JavaScript library Handsontable has an event afterColumnResize, triggered when a column is manually resized. How to use it with the 'rhandsontable' package in Shiny?
1
vote
1
answer
299
views
How to use hooks in Handsontable. I need check data before paste
I need to check the data before inserting it into the table and if it is not correct, change it and insert it. I'm trying to create a hook with a beforeInsert prefix and describe this logic there, but ...
0
votes
2
answers
140
views
How create change cell to inactive if previous cell has value HandsOnTable
I'm new to JavaScript.
I creating a table with cells where we can add values and I'm using HandsOnTable.
I need to create an inactive cell and we can't set the value in the inactive cell in ...
1
vote
1
answer
66
views
How to insert data into a handsontable script in Spring
I use Handsontable in my project. I needed to insert data in a table from my database in Spring. I know how to do it with Thymeleaf :
<tr th:each="row : ${tariffs}">
<td th:...
1
vote
1
answer
708
views
R shiny editable table with reactive filters - update filters with table edits
edit: Here is the solution to the original problem. I found it after scouring stack and the other part, persistent filters was found on a blog. May anyone who finds this never have to suffer like I ...
0
votes
1
answer
48
views
Hansontable and NodeJS
I'm totally new to Handsontable and I want to use it in my Nodejs&React app to save data in a Postgresql database.
Basically, I've tried to render the table component and its custom headers but I ...
1
vote
1
answer
402
views
Styling nested rows conditionally in Handsontable
Using React wrapper for Handsontable. Data has nested child rows several levels deep.
Data looks like this:
[
{
category: "Category A",
subCategory: null,
subItem: null,
...
3
votes
1
answer
121
views
Adding multiple rows in rhandsontable via context menu
I'm using the rhandsontablepackage and would like to add a context menu option for adding multiple rows to the handsontable produced. I've tried to adapt this example into my R equivalent with no luck....
2
votes
0
answers
182
views
how to dump all setting of handsontable instance and save to server(not save data in table to server)
I want to achieve:
One user creates handsontable using client browser: to insert or delete some columns, edit column headers, fix some rows or columns by context menu for other users to fill. So I ...
0
votes
1
answer
50
views
R shiny: different behaviours of observeEvent and eventReactive
The shiny app below displays an editable table built with rhandsontable().
Question: Can you explain me why "ping" is printed to the console whenever an edit is made to the data table while &...
0
votes
0
answers
22
views
Handsontable V 7.4.2 will work on Angular 1.8?
I want to know Angular V 1.8 and Handsontable V 7.4.2 both combo will work or not. I have searched many sites and docs, But I didn't get a proper answer.
1
vote
0
answers
812
views
Angular prod build is failing at mini-css-extract-plugin
My Angular 7 application's prod build is failing with the error message:
ERROR in Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
TypeError: Cannot read property '...
0
votes
1
answer
282
views
Why my angular application is not picking up handsontable css?
In my angular application only one component uses handsontable, so the css need not be application level.In the component I tried using syntax like this:
styleUrls: ['./../../../node_modules/...