Two questions about VueUiCarouselTable

[khcshell]

Hello, I have two questions for my advice

1. In VueUiCarouselTable, can the slider on the right provide an option not to hide, but to display all the time, so that the slider will not cause the phenomenon of squeezing the table.
2. Unless the function is called, e.g. pauseAnimation, can you give an example, thank you very much
   

[khcshell]

[khcshell]

The red box, can I hide it when I don't need it, so it's more beautiful

[graphieros]

Hi @khcshell

1. I can add an option to always show the scrollbar
2. I don't understand your second point. Are you asking how to use the exposed method pauseAnimation ?
3. I don't understand why you post the screenshot of the documentation
4. I can add an option to hide the caption when it is not used

[khcshell]

@graphieros Yes, I don't call the exposure method pauseAnimation alone, like how to write js to make the chart pause

[khcshell]

@graphieros I'd like to have an example to use the exposed method

[graphieros]

@khcshell

Here is an example to call the exposed methods, for the toggleAnimation method, which can work with one button only.
If you want to use pauseAnimation and resumeAnimation for 2 buttons, it will work the same way.

Script:

// Set a ref for the component
const chartRef = ref(null);

// To update the content of the button
const isPaused = ref(false);

// Call the exposed method of the component
function toggleAnimation() {
  if (chartRef.value) {
    chartRef.value.toggleAnimation();
    isPaused.value = !isPaused.value;
  }
}

Template:

<button @click="toggleAnimation">
  {{  isPaused ? 'PLAY' : 'PAUSE' }}
</button>

<VueUiCarouselTable
  ref="chartRef"
  :config="config"
  :dataset="dataset"
/>

An update will be published soon for:

1. config option to always show the scrollbar
2. hide the caption when it is not used

I will keep you informed when the update is published.

[khcshell]

@graphieros Thanks a lot, plus I also need the config option to always not show the scrollbar, I can scroll with the mouse and auto-scroll

[graphieros]

@khcshell noted!

[graphieros]

@khcshell you can upgrade to v2.4.27 which adds config options to control scrollbar.

For your use case, set config.scrollbar.hide: true

Also, to hide the caption area:

• set config.caption.text: ""
• set config.userOptions.show: false