桌子上的圆滑转盘

Question

有什么方法可以在桌子上使用圆滑的转盘吗？我尝试以通用方式使用它，但是光滑元素是整个表而不是列。

也许有人知道该怎么做或知道一个有效的插件。

这是我要执行的屏幕截图：

HTML：

<table class="js-table-slider table-responsive">
<tr class="table-slider-row">
    <th class="table-slider-head">Top</th>
    <th class="table-slider-head">Zimmer</th>
    <th class="table-slider-head">Wohnfläche</th>
    <th class="table-slider-head">Geschoss</th>
    <th class="table-slider-head">Preis</th>
    <th class="table-slider-head">Grundriss</th>
</tr>
<tr class="table-slider-row">
    <td class="table-slider-cell">1</td>
    <td class="table-slider-cell">4</td>
    <td class="table-slider-cell">93,50 m2</td>
    <td class="table-slider-cell">EG</td>
    <td class="table-slider-cell">€ 195.000</td>
    <td class="table-slider-cell"><i class="far fa-image"></i></td>
</tr>
<tr class="table-slider-row">
    <td class="table-slider-cell">1</td>
    <td class="table-slider-cell">4</td>
    <td class="table-slider-cell">93,50 m2</td>
    <td class="table-slider-cell">EG</td>
    <td class="table-slider-cell">€ 195.000</td>
    <td class="table-slider-cell"><i class="far fa-image"></i></td>
</tr>
<tr class="table-slider-row">
    <td class="table-slider-cell">1</td>
    <td class="table-slider-cell">4</td>
    <td class="table-slider-cell">93,50 m2</td>
    <td class="table-slider-cell">EG</td>
    <td class="table-slider-cell">€ 195.000</td>
    <td class="table-slider-cell"><i class="far fa-image"></i></td>
</tr>

JavaScript：

$(function (){
$('.js-table-slider').slick({
    dots: false,
    pauseOnHover: false,
    autoplay: false,
    dots: true,
    prevArrow: "<div class='table-slider-arrow left'><i class='fal fa-chevron-left'></i></div>",
    nextArrow: "<div class='table-slider-arrow right'><i class='fal fa-chevron-right'></i></div>"
});
});