Pinning on Both sides sample issues and improvements

[ChronosSF]

The sample needs some improvements and has an issue:

• open prod version
• select a column
• pin it to the left
• pin it to the right

The pinning border on the left disappears, this happens in React too.

Also if the buttons are not supposed to work for specific states of the column or grid, then bind their disabled property to something that checks the state. E.g. if a column pinned to the right cannot be directly pinned to the left with the button but instead has to be unpinned first, then you can disable the pin right button when selecting on it. Same for a pin left button if you select a column already pinned to the left.

[tishko0]

@ChronosSF Looking at the pin code, the grid does not re-render when changing position, only on pin/unpin so I have made the functions to re-pin the columns so they update. Regarding the borer on the left, I either don't see it or it doesn't happen to me. Can you post a screenshot on your end