小程序表格单元格可滑动

最新推荐文章于 2024-08-16 13:25:44 发布

l_tsov

最新推荐文章于 2024-08-16 13:25:44 发布

阅读量407

点赞数

文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/l_tsov/article/details/124588427

版权

本文介绍如何在微信小程序中通过CSS技术实现表格单元格的滑动功能，帮助用户查看长内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!-- 表格 -->
<view class="table">
    <view class="tr bg-w">
        <view class="th">1</view>
        <view class="th">2</view>
        <view class="th ">3</view>
        <view class="th ">4</view>
        <view class="th ">5</view>
        <view class="th ">6</view>
    </view>
    <view class="mid" wx:if="{
  {listData.length == 0}}">无数据</view>
    <block wx:for="{
  {listData}}" wx:key="index">
        <view class="tr {
  {index%2 === 0?'':'bg-g'}}">
            <!-- <scroll-view scroll-x="true"  class="scroll_display"> -->
            <scroll-view scroll-x="true " class