We have a Splitter with three SplitterPanels. We would like the gutter between the first two panels to be fixed and the gutter between the other two panels to be moveable.
So basically we have this code:
<Splitter class="main-splitter" :key="layoutState.splitterKey.value" :style="splitterTop" :gutterSize="0">
<SplitterPanel>
...
</SplitterPanel>
<SplitterPanel>
...
</SplitterPanel>
<SplitterPanel>
...
</SplitterPanel>
</Splitter>
As I set gutterSize to zero in the Splitter tag, the gutter is neither moveable between the first nor between the other two panels. What I tried to get the result I want is that I set gutterSize to different values in the SplitterPanel tags instead of the Splitter tag, but that did not work out.
Is there a way to achieve what we want using Vue?