Questions tagged [handsontable]
Handsontable is a composite spreadsheet component for apps and websites written in JavaScript and HTML.
0
votes
0answers
9 views
Add column on the right/left from the context menu, but the column should copy the content of the column that is selected?
Hello i need the help to make the custom column.
i am using handsontable,
i need to make the columns separate like "conditions columns" and "results columns", if they want to add the condition ...
1
vote
0answers
15 views
Rendering a handsontable after Javascript Array slice()
I am using Angular Cli for a project and have some data in an object containing arrays like this:
['Patrick', 'Seville', 'Spain']
['Jim', 'Cleveland', 'USA']
['Andrea', 'Chicago', 'USA']
['Matt', '...
0
votes
0answers
14 views
Handsontable - custom HTML header renderer - <select> tag issue
I'm trying to add a 'select' (dropdown) tag in my handsontable custom header. The problem is, when I click on the dropdown, it does not stay open and I cannot select a different option.
The code ...
0
votes
0answers
18 views
How to change the format of data in react HandsonTable
I was using react handsonTable for multiple row entry,
I can able to send the request in below format
this.state = {
financialsettings: {
colHeaders:['Service Item', '...
0
votes
0answers
25 views
How to find another Key value from handsontable data source from other Key?
I was using react-handsontable for adding multiple rows, I have a dropdownSource, In that dropdown I was populating the name from list based on name, How to find its corresponding Id and pass in the ...
0
votes
0answers
10 views
How to exclude hot-formula-parser from handsontable build?
I'm using handsontable without formulas. However, hot-formula-parser is still included in a webpack build, since it's a dependency of handsontable. Is there a solid, non-hacky, way to get rid of this? ...
0
votes
0answers
12 views
Cell showing #ERROR! afterSelection handsontable
I'm trying to use formulas here but when I start with =SUM( and select any cell then the cell showing #ERROR! instead of =SUM(A1) or value if A1.
Using React.JS with handsontable.
import React, { ...
-2
votes
0answers
14 views
Handsontable first time afterChange call, method isUndoAvailable() return false
The first time when handsontable callback "afterChange" run, the method isUndoAvailable() return "false". The handsontable is initialized on success callback of ajax call.
$.ajax({
url: "http://...
0
votes
1answer
28 views
Binding to Handsontable height property causes ExpressionChangedAfterItHasBeenCheckedError in tests
I need to dynamically change the height of my handsontable in my angular component, but doing so throws the error ExpressionChangedAfterItHasBeenCheckedError when I run my unit tests. How can I set ...
0
votes
0answers
16 views
How can i disable move of 2 column in handsontable 1.14.3?
I have a handsontable (version 1.14.3) and i want freeze "n" columns.
I've already tried with ->
function setBeforeColumnMove() {
return function(startColumn, endColumn) {
let ...
0
votes
1answer
23 views
How to show only the text not with HTML content on dropdown menu while filter on handsontable?
How to get rid of rendering HTML content on the dropdown menu while filtering? If the cell or whole column's cell contains HTML data, when we apply the filter, in the dropdown list it is displayed as ...
0
votes
0answers
17 views
Handsontable with React, ordering resets everytime the state is updated
I have a react application which uses handsontable. I added ColumnSorting to my table which works fine till an event is triggered which updates the state. When that happens the sorting gets reset to ...
1
vote
1answer
63 views
Show alert message when duplicate values are present in a list
I have a two columns as shown in fig. when i clicked right button the selected field will go to 2nd column but i have 4 fields which is already coming from database and now if i move First Name to 2nd ...
2
votes
0answers
36 views
How to map columns values on change to column 1 values in handsontable?
{singlegroupcommisions && singlegroupcommisions.length ? <HotTable data={singlegroupcommisions} colHeaders={['Commission In % For CA','Commission In % For CR','Subcripiton Plan Id', 'Plan ...
0
votes
1answer
45 views
Does Handsontable support server side pagination like jqgrid?
Does Handsontable support server side pagination like jqgrid? handsontable
0
votes
0answers
16 views
How to highlight the merged cells on selected row when checkbox is checked on handsontable?
I have a handsontable that consist of some merged cells. The non-merged cells is successfully highlighted when the check box is tick but it does not work for those with merged cells. Is there any ...
1
vote
1answer
34 views
Handsontable duplicate tables
Two issues:
1. I keep receiving duplicate tables when using @handsontable/angular. If I create two tables, then the words don't overlap anymore.
2. Unable to select any of the cells if I use ...
0
votes
1answer
63 views
remove selectedRow in handsontable using jQuery
I have an handsontable like the below image. After selecting any one of the rows (for example LastName) it should remove that particular row permanently. How can I achieve this using jQuery?
This is ...
0
votes
0answers
57 views
507 Insufficient Storage in ajax
I am working in Handsontable project,
in after change function i want to send data in ajax to controller,
but in bulk copy paste time ajax giving 507 insufficient storage error in response,
how can ...
0
votes
0answers
17 views
Optional Obj not rendering hands on table
Currently I am using handsontably 6.2.2 and I am trying to load a data set I get from a database but it will not render if I have an included table in the query that may or may not be there. I have ...
0
votes
0answers
22 views
How to possible set date range Start Date and End Date in Handsontable?
Any Way to set date range with different startdate and enddate input using handsontable js.
Please give me proper solution and any idea or suggestion regarding this question.
0
votes
1answer
71 views
Dynamic coloring of cell background in rhandsontable
My question is a bit more advanced than the question here. Let's assume that I want to develop the following game as a Shiny app.
I have 3 x 3 data frame containing the numbers from 1 to 9 in a ...
0
votes
0answers
8 views
performance of merged cells in HandsonTable
Using handsontable pro angular, i observe very slow performance when merging cells. I'm trying to merge A1&A2, B1&B2, ... A3&A4, B3&B4 ... etc, using this approach:
...
for (var ...
0
votes
0answers
24 views
require('handsontable') failed with electron
I have a question concerning Handsontable and electron.
In electron a typical setup is to have main.js, index.html and renderer.js.
renderer.js is included into index.html at the very end via ...
0
votes
0answers
42 views
Dynamically merge the headers of HandsonTable
I am trying to merge the headers of Handsontable in HandsOnTable-Pro.But I didn't get the samples anywhere.
eg: This is example table.
We can able to select the header2 and header3 by using mouse and ...
0
votes
0answers
13 views
handsontable resize column of hot2 afterResizeColumn hot1
in hook afterColumnResize I get col and width. Now I have to sync ColumnSize in another handsontable.
process:
hot1 - ... manualResize Column done by user
hot1.afterColumnResize: function (col, ...
0
votes
1answer
42 views
Handsontable Hooks undefined or null when trying to create table IE10
I will start with the browser that I am using is IE 10, well that I have to support.
I am walking through the start guide and when creating the grid I get a property error, specifically that Unable to ...
1
vote
2answers
45 views
cypress to test handsontable
I am using cypress for my e2e test. There is a screen where i use handsontable. It resembles an excel sheet. I could't write contents to its cells using cypress, since the cell is actually just a td, ...
0
votes
0answers
25 views
Cannot change the header color/style
I tried the different answers I saw online, but none of them work:
.handsontable span.colHeader {
background-color: red
}
and
.handsontable table thead th{
background-color: red;
}
and
....
0
votes
0answers
27 views
Handsontable table not filling with JSON array
I have the following code for filling a table with a JSON array from a PHP file
$(document).ready(function() {
function ajaxCall(url, doneCallback) {
$("#fecha").serializeArray();
...
0
votes
0answers
33 views
How to solve dropdown type in cell when column is sorted
I try to create same dropdown type for same value in column D. So I have an issue in my handsontable when I sort the column D. In my example I have the cells 8330 and 33900 are in dropdown type. ...
0
votes
0answers
32 views
handsontable with floating scrollbar plugin
enter image description hereI am using handsontable library and I want floating horizantal scrollbar to bottom of the screen, when the handsontable horizantal scrollbar is not visible. Because for ...
0
votes
0answers
20 views
Generate Handsontable from Input
How to create handsontable from input form? For example: first, we choose the value of row and column, and then we get a handsontable that have a row and column based on our choose
0
votes
0answers
15 views
Is there a straightforward way to determine the source cell from a handsontable autofill?
I'm trying to get handsontable to fill formulas while respecting relative cell references.
I have code which can translate cell references, given the original and destination cell coordinates.
It ...
3
votes
2answers
72 views
How to use checkbox to checkall or uncheck all boxes into handsontable
i want to use a checkbox to checkall or uncheck all boxes into available col. I create a checkbox with a function doalert to control the checked action. I was using setDataAtCell to edit check cell ...
0
votes
1answer
45 views
What is this pseudo-element applied to?
Consider my css has this:
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
What is this applied to? It's not applied to html or body. But to what?
I'm trying to style scrollbars on a ...
0
votes
0answers
37 views
Disable drag and drop for only one row in Handsontable grid
I am new to Handsontable.
I am working on the drag and drop feature.
I am able to enable drag and drop by setting the 'manualRowMove' property to true.
However, I want to disable drag and drop on ...
0
votes
0answers
63 views
How to update State after change of handsonTable in react?
financialsettings: {
data: [{description:"", currency:"", amount: "", exRate: "", quantity: "", amountExclusiveGst: "", gst: "", gstAmount: "", amountInclGst: ""}],
minSpareRows: 0,...
0
votes
2answers
63 views
Angular 6 alterante way to global css
I'm using Handsontable in one of my component, and it forces me to include it's css globally in my angular.json file
"styles": [
"./src/styles.scss",
"./node_modules/handsontable/...
0
votes
0answers
16 views
manualColumnFreeze not working in Handsontable
When I'm using manualColumnFreeze property of handsOnTable column does not move to the left but the first one getting fixed.
0
votes
1answer
70 views
How to map the data in the columns type “dropdown” source in react handsontable?
<HotTable root="hot" ref="hot" settings={this.state.settings} width="100%" strechH="all"/>
this.state = {
settings: {
colHeaders:['Packages'],
data: [{packages:""}],
...
0
votes
0answers
46 views
How to calculate column in react - handsontable
Code for this:
settings: {
colHeaders:['Commodity', 'Packaging', 'Quantity', 'Unit Dimension', 'Unit Dimension Length', 'Unit Dimension Width', 'Unit Dimension Height', 'Volume'],
...
1
vote
0answers
47 views
Virtual Keyboard in Handsontable
I have a requirement to use number and character keyboard for different cell in a single application. I am using jquery keyboard js for achieving this. I am capable of passing the layout (numc, ...
7
votes
1answer
169 views
Issue with update content data in handsontable
I'm trying to implement handsontable. As per my requirement, I want to re-render handsontable from changing a dropdown value, but on dropdown selection, the handsontable does not update properly. ...
0
votes
0answers
52 views
Remove cell height and font size in handsontable
I'm using handsontable-pro 5.0.2, what I want to do is reduce the size of the cell which is currently defaulted in 22px. Is there a way to do that using a prop?
What I'm doing is using this css:
....
1
vote
0answers
104 views
handsontable in Shiny modal does not render properly
Problem
In my code I want to show a rhandsontable in a modal. When I first show the modal, the table is nicely rendered. However, when I close the modal and reopen it (without changing the underlying ...
0
votes
0answers
8 views
dependency error regarding hotRegisterer in nghandsontable
I'm getting this error
angular.js:118 Error: [$injector:unpr] http://errors.angularjs.org/1.5.8/$injector/unpr?p0=%24hotRegistererProvider%20%3C-%20%24hotRegisterer
while loading dependency ...
0
votes
0answers
32 views
Handsontable how to test custom render in React js Here is the code. To be specific how to test “negativeValueValidator”
This is for custom render:
{
numericFormat: {
pattern: "$0,0.00",
culture: "en-US"
},
renderer: this.negativeValueValidator
}
This is for custom render:
...
0
votes
1answer
30 views
Handsontable: Edit epoch timestamps as dates
I'd like to edit a date cell in a Handsontable which is provided as epoch timestamp. I managed to use a formatter to display the cells as date/times, but I struggle with editing the cells as dates (...
0
votes
0answers
62 views
Angular 6 handsontable, create dropdown where values are fetched from server
I am trying to create a dropdown field in the handsontable. Here is my code:
view.html:
<hot-table
class="hot-service"
[data]="posts"
[colHeaders]="true"
[height]="525"
[...