DataGrid in FlowUI - question on some enhanced usage

I have some config done in my application to customize behaviour of the dataGrid e.g. with a condition, the dataGrid is only editable in specific cell of a column for example

image

DataGridEditor<Salary> editor = salaryTable.getEditor();
        salaryTable.addItemClickListener(e -> {
            if(e.getItem().getEditable==true) {
                editor.editItem(e.getItem());
                Component editorComponent = e.getColumn().getEditorComponent();
                if (editorComponent instanceof Focusable) {
                    ((Focusable) editorComponent).focus();
                }
            }
        });

Now I have the following few requirements:

  1. You will notice that the editor row’s height englarged when the cell is clicked. It looks like the margin on tom and bottom of the editor making that. How can I manage that margin removed?
  2. I have used ItemClickListener, to activate the editor for the cell as you see in my code. How can I use Tab to navigate from one cell to another, if possible?
  3. How do I do the followings inside the data grid -
    a) Replace the entityPicker with entityCombo and load the entityCombo with some criteria
    b) Account-Sub combo is a composite entity of Account combo in my example below.
    image

Hi, Mortoza!

For point 1:
The appearance of the margin is expected behavior, edit fields without them will look not good.

For point 2:
Looks like navigation with Tab and Arrows works correctlyP:
navig

For point 3:
You can set custom editor component for each column, use getColumn().setEditorComponent() or
salaryTable.getEditor().setColumnEditorComponent().

Regards,
Dmitriy

Hi Dmitry
Thanks for your reply.
Here is my feedback -

Point 2:
That works only within the current row but doesn’t work if I have more than one rows as follows:

image

I want after the 2nd editable cell, If I press Tab, the cursor should go to row 2.
I also tried using fo arrow key to move the cursor from another cell, but it didn’t work

I have attached a sample app demonstrating this.
sampleGrid.zip (394.5 KB)

Point 3.
Can you pls provide a bit more of the code snippets?