v-for内所有div中的内容（多行多列）全部自适应自动左右滚动（适用于表格）vue2

html部分

 <div class="table_content">
            <div v-for="(item, outerIndex) in table2Data"  :key="outerIndex"           style="display: flex">
              <div
                style="width: 33%"
                v-for="(data,innerIndex) in item.list"
                :key="`${outerIndex}-${innerIndex}`" class="scroll-container"
                :ref="`scrollContainer-${outerIndex}-${innerIndex}`"
                @mouseenter="pauseScroll(outerIndex, innerIndex)"
                @mouseleave="resumeScroll(outerIndex, innerIndex)"
                @click="getOne(item)"
              >
                <div class="scrollable-content">
                  {
  { data }}
                </div>
              </div>

            </di