CellEdit | Allows datatable cells to be edited inline

I am new at using Tabulator.js but I am willing to learn and use it deeply. I was indeed looking for a good tableGenerator library for a main project. So far, it seems to be pretty nice. I am currently using a CND link for version 5.0.7.

Now here is my problem: I try to format cell with a background-color depending on the cell value (the cell name is status and the value can be either true or false). It works at the creation of the table. But it doesn't work if I change the cell value afterwards.

I created a method called statusFormatter:

fairly new to using tabulator but really love it for what I've seen so far. Unfortunately I´m stuck with the following problem: I want to calculate the sum of some of the cells in every row. Achieved this via using a mutator. Furthermore the mutator is also fired after the user edits a cell by the use of cellEdited with a function using row.update(). Everything is working fine until I add a formatter:"link" to one of the columns. Somehow the link-generation prevents the mutator from working. I think this has to do with the sequence of callbacks, but since I still know a little about tabulator and js thats just a guess.

Here is my (shortened) table-generator:

I need to have have two autocompletes in my Tabulator definition. A user will select an employee - first autocomplete - then when he moves to select a contract - second column the autocomplete must be linked to the value selected in the first column.

To my knowledge Tabulator does not have such feature. So I was thinking that upon clicking the "contract" cell that column definition - autocomplete definition - would be updated. I cannot make it work because the function updateDefinition is buggy. It creates new column instead of updating its definition.

Working jsFiddle

I want to validate user input upon pressing tab key. It works well. But when user entered wrong data I want to force them to update. Meaning I want to get focus to the cell that was just edited.

I tried

• cell.getElement().focus()
• cell.getElement().click()
• cell.navigateLeft()
• cell.navigatePrev()

But nothing worked.

Is the possible to simulate hitting Shift + Tab via javascript?

One more question why

• row.update({"c1": fieldValue}) updateds the c1 column but
• row.update({fieldName: fieldValue}) does not, the value of fieldName is "c1"

How to test with jsFiddle ? Type for example 10+14 in c1 column and hit Tab key. You get message that minutes "14" are not ok. Only 0, 15, 30, 45 are allowed.

let's say we have two types of events that will be directed to the same method as mentioned in the below example

What I have:

I have a DataGridTemplateColumn with a ComboBox:

I have a grid column containing combobox as its editor and am using celleditor plugin in which I want to write some validation logic. When I try to select something from the combobox cell, it is expected to lose its focus after the value is changed and then it should go to the validateedit listener. I know there is a blur() method on combobox which will resolve this issue. But as per document, it is a private method so am avoiding that. I wanted to know if there is another way to lose the focus on change or picker collapse or any config which will perform validation on change of field. Below is the code and fiddle.

I'm using Tabulator 4.9. I set up a table with topCalc:sum. Now I want to add on a column that has no calculation a text stating "Sum". I can do that by modifying the cell with the text using Javascript.

Once I edit a field value of o cell in tried to use the cellEdited callback to handle the recalculation. But apparenty the sum is written after this callback to the table and my text disapears.

Is there a way to get hold of the topCalc and add the text afterwards?

after editing it looks like

I am new to reactjs and new to tabulator. I am setting the tabulator with the database columns from sql database. In the sql database a column for image url exists which when opened in the browser shows an image.

I am setting up my tabulator as follows: