Edit Template multiple items in column

Question

I want this column to change based on the ShapeType. It works well if its just one component in the column. It switches well between textbox and combo box when the ShapeType is not Plate.

Once its plate I want to split the column into 3 fields, a combo box for selecting the size, width inches number textbox, and a fraction combo box.

The issue I'm having is after the first field it tabs to the next column and skips width inches and width fraction. Also it completely ignores my width property and the dimension field is the width of the column.

Here is my code. I've included a .gif of the example of what its doing.

Attachment: Animation5_a0cca3a7.zip

Renjith Singh Rajendran · Answer

Hi Anthony,Greetings from Syncfusion support.Query : first field it tabs to the next column and skips width inches and width fraction. We have analyzed the query and video. We have inbuilt support to navigate the cells using Tab key by saving the current editable cell/column and navigate to the next editable cell/column. This is the default behavior of Tab key when pressed in Batch mode of editing in Grid. We suggest you to refer to the below documentation for more details regarding keyboard navigations in Grid.https://blazor.syncfusion.com/documentation/datagrid/accessibility#keyboard-navigationIn your case, all the components(FullDimension, WidthInches, WidthFraction) are custom elements for a single column(Dimension). So pressing tab key on this Dimension column will start edit the next editable column only and it won’t navigate inside the custom elements available in the single column cell. This is our default architectural behavior.Query 2 : Also it completely ignores my width property and the dimension field is the width of the column.We suggest you to set the Width for the components using pixel as like below highlighted code, Please get back to us if you need further assistance.Regards,Renjith R