When I use the 'tab' key from within the last cell/column in a row, I want the focus to go to the first cell of the next row. Currently the focus jumps outside the DataGrid entirely. Any suggestions?

Yes, just make sure you install the correct version (npm install v3-easyui --save).

UPDATE (resolved):
I was able to resolve by adding a "transitionend" event listener to the LayoutPanel. 

I'm currently using @expand and @collapse events, but unfortunately they also trigger for non-collapse/expand events (like mouse over events). Also the expand/collapse events don't pass any info (e.g. event obj) to the callback function. I need a way to detect collapse and expand events exclusively, any suggestions?

That's great news! 

OK, good to know. Are there any plans for a Vue3 version of EasyUI?

Is EasyUI for Vue compatible with Vue 3? If so, how do I install and configure it in my Vue3 project?

Success! As of version 1.2.44 the close event is now triggering. Thanks Jarry. 

I have updated to the latest version (1.2.43) and tested exactly as suggested, but still not triggering the close event.

How can I add an event listener for a panel close event?  I'm using the panel's 'closable' attribute and clicking on the ".panel-tool-close" button in the header to close the panel.

How do I make a specific property value readonly? For example, if I wanted email value to be readonly, but all other cell values editable.

There's a DateTimeBox for Vue? Is this new? I can't find any demo or documentation...

UPDATE2:
Success  ! I was able to resolve by adding the following line to my CSS:

Code:

.datagrid-header-inner {
  height: 32px !important;
}

UPDATE:
The column headers (e.g. "Name" and "Value") are not appearing at the top of the datagrid columns (pic attached). Oddly, if I edit and save my code I can see them temporarily, but as soon as I reload/refresh my web page they disappear. It seems like as soon as the data[] array is updated/changed it causes the gridcolumn headers to disappear?

Perfect, thanks Jarry!