There are many bug in expandable row of table.
- when edit the inner cell of table it will edit the outter one either.
Say I have these data for tables
[
{id:"1",orderId:"1001", "purchaseDate":"20231017", orderItems:[{id:"1",qty:1, product:{id:"1",sku:"T001", title:"product name1"} }]}
Here is git to show it.
When you click to edit the column of product(its column type is string instead of multi string), it will edit the Purchase Date
column of outter table too.
- When you type
space
orenter
button to edit the inner table cell, the changed value will not keep and the the row will be folded. You also can useleft
right
button to locate the edit position here. It seem when you press these two button, it will lost focus of editable cell.
I use the data below(I have add some data to it)
[
{id:"1",orderId:"1001", "purchaseDate":"20231017", orderItems:[{id:"1",qty:1, product:{id:"1",sku:"T001", title:"product name1"} }]},
{id:"2",orderId:"1001", "purchaseDate":"20231017", orderItems:[{id:"1",qty:1, product:{id:"1",sku:"T001", title:"product name1"} }]},
{id:"3",orderId:"1001", "purchaseDate":"20231017", orderItems:[{id:"1",qty:1, product:{id:"1",sku:"T001", title:"product name1"} }]},
{id:"4",orderId:"1001", "purchaseDate":"20231017", orderItems:[{id:"1",qty:1, product:{id:"1",sku:"T001", title:"product name1"} }]}
]
Here are attached exported app json
ExpandableTable.json (27.2 KB)