Skip to content

Scrollbar

Style

The component does not provide built-in scrollbar styles and relies entirely on browser scrollbar styles.

If you need to customize scrollbar styles, you can do so through CSS. Add the class to the StkTable node.

vue
<StkTable class="scrollbar"></StkTable>
css
.scrollbar::-webkit-scrollbar {
    /* ..... */
}

The following example uses ::-webkit-scrollbar to style the scrollbar.

loading

Effective in browsers with Blink or webkit engines (Chrome, Safari, Opera) (refer to ::-webkit-scrollbar | MDN).

Key Scroll

KeyDescriptionFunction
ArrowUpUp arrow keyScroll up one row
ArrowDownDown arrow keyScroll down one row
ArrowLeftLeft arrow keyScroll left 50px
ArrowRightRight arrow keyScroll right 50px
PageUp--Scroll up one page
PageDown--Scroll down one page
Home--Scroll to top
End--Scroll to bottom

Released under the MIT License