different height items in Grid Not Fixed in The Page

[moeintav]

Hi I have a problem. I want make the grid like in the picture and each item can move on it by notifyDatasetChange when I click on each item of the list I want that item is grow up for example when item rowSpan = colSpan = 1 and I click on the item I want change the rowSpan and colSpan to 2.

rowSpan = 2
colSpan =2;
notifyDatasetChange;

all this is work prfectly but when the height of the items is different for example one item with rowSpan =2 and colSpan =2 and another item() of colSpan =2 and rowSpan =1 . item() is no fix on the page or not move.
also when i want to move the items in list . The items is not move correctly for example when I click on each item I want the item is swap or replacement to before item but it is not work corrctly and often it is replacement to Several items before
all this in the GIF files attached