精华内容
下载资源
问答
  • jQuery实现表头固定表格内容滚动效果 jQuery实现表头固定表格内容滚动效果
  • 表头固定,内容滚动滚动条的样式修改 html: 其中 colgroup 标签的用法请参考 点击这里了解colgroup标签 <div style="width: 972px;height: 460px;background-color: rgb(25, 56, 160, 0.5);">...

    平时经常会有一些关于表格的样式,借此了解到table标签的简单用法,作以记录。效果如下图示例:
    表头固定,内容滚动,滚动条的样式修改
    在这里插入图片描述
    html:
    其中 colgroup 标签的用法请参考 点击这里了解colgroup标签

    <div style="width: 972px;height: 460px;background-color: rgb(25, 56, 160, 0.5);">
            <div class="table_head">
                <table>
                    <colgroup><col span="6" style="width: 100px;"></col></colgroup>
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>省份</th>
                            <th>主城市</th>
                            <th>天气</th>
                            <th>湿度</th>
                            <th>空气质量</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="table_body">
                <table>
                    <colgroup><col span="6" style="width: 100px;"></col></colgroup>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>四川</td>
                            <td>成都</td>
                            <td>阴晴不定</td>
                            <td>80.2%</td>
                            <td>良好</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>四川</td>
                            <td>成都</td>
                            <td>阴晴不定</td>
                            <td>80.2%</td>
                            <td>良好</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>四川</td>
                            <td>成都</td>
                            <td>阴晴不定</td>
                            <td>80.2%</td>
                            <td>良好</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>四川</td>
                            <td>成都</td>
                            <td>阴晴不定</td>
                            <td>80.2%</td>
                            <td>良好</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>四川</td>
                            <td>成都</td>
                            <td>阴晴不定</td>
                            <td>80.2%</td>
                            <td>良好</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>四川</td>
                            <td>成都</td>
                            <td>阴晴不定</td>
                            <td>80.2%</td>
                            <td>良好</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    

    css:

    .table_head table,
            .table_body table {
                width: 972px;
                height: 58px;
                background-color: #254ca0;
                color: white;
                font-size: 22px;
                border-collapse: collapse;/*如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。*/
                border: none;/*去掉边框*/
            }
            .table_head thead tr {
                text-align: center;
                height: 60px;
            }
            .table_body {
                width: 100%;
                height: 400px;
                overflow-y: auto; /*设置纵向滚动*/
            }
            .table_body tbody tr {
                height: 79px;
                text-align: center;
                border-bottom: 1px solid #489ed3;
                cursor: pointer;
            }
            .table_body tbody tr:hover {
                background-color: yellowgreen;
            }
            .table_body::-webkit-scrollbar {/* 是否隐藏滚动条*/
                /* display: none; */
            }
            ::-webkit-scrollbar {/* 定义滚动条样式 */
                width: 15px;
                background-color: red;
            }
            ::-webkit-scrollbar-track {/*定义滚动条轨道 内阴影+圆角*/
                box-shadow: inset 0 0 0px #0905f3;
                border-radius: 5px;
                background-color: yellow;
            }
            ::-webkit-scrollbar-thumb {/*定义滑块 内阴影+圆角*/
                border-radius: 10px;
                box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
                background-color: purple;
            }
    
    展开全文
  • 通过CSS+Javascript实现类似表格的动态滚动效果,用ul和li标签模拟表格,文件包括实现源码。
  • jQuery table scroll表格插件内容部分加滚动
  • 当将滚动条拉到低的时候,就会再加载31条数据,如果剩下的数据不足31,那就加载剩下的   根据项目需求,这需要一页可以看到全部数据,所以我选择了第二中方式 那么第二种方式要怎么去实现呢? 在了解它的原理前,你...
  • 今天小编就为大家分享一篇解决layui表格的表头不滚动的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • iview table 横向拖动表格内容滚动

    千次阅读 2020-10-12 11:40:24
    表格纵向滚动比较长的时候,横向滚动是很不方便的,要是横向可以拖动滚动就完美了,解决办法就是给表格添加拖动指令,代码如下: const directive = { inserted (my_el) { let el = my_el.querySelector('div....

    当表格纵向滚动比较长的时候,横向滚动是很不方便的,要是横向可以拖动滚动就完美了,解决办法就是给表格添加拖动指令,代码如下:

    const directive = {
      inserted (my_el) {
        let el = my_el.querySelector('div.ivu-table-body');
        el.style.cursor = 'grab';
        el.onmousedown = function () {
          let gapX = event.clientX;
          let startX = el.scrollLeft;
          document.onmousemove = function (e) {
            let x = e.clientX - gapX;
            el.scrollLeft = startX - x;
            return false;
          };
          document.onmouseup = function (e) {
            document.onmousemove = null;
            document.onmouseup = null;
          };
        };
      },
    }
    export default directive
    
    

    使用方法:在这里插入图片描述

    展开全文
  • vue表格自动滚动

    2021-01-08 10:36:16
    安装依赖 npm install vue-seamless-scroll --save main.js文件里面引入使用 import scroll from 'vue-seamless-scroll' Vue.use(scroll) html代码 css代码 .seamless-warp { height: 500px;...
  • 表格 内容自动滚动

    千次阅读 2019-12-12 15:59:29
    HTML: <div class="tablebox"> <div class="tbl-header"> <table border="0" cellspacing="0" cellpadding="0"> <thead> <...

    HTML:

    	<div class="tablebox">
            <div class="tbl-header">
                <table border="0" cellspacing="0" cellpadding="0">
                    <thead>
                        <tr>
                            <th>排名</th>
                            <th>地市</th>
                            <th>销售收入(万元)</th>
                            <th>同比(%)</th>
                            <th>环比(%)</th>
                            <th>销售计划(万元)</th>
                            <th>计划完成率(%)</th>
                        </tr>
                    </thead>
                    <tbody style="opacity:0;"></tbody>
                </table>
            </div>
            
            <div class="tbl-body">
                <table border="0" cellspacing="0" cellpadding="0">
                    <thead>
                        <tr>
                            <th>排名</th>
                            <th>地市</th>
                            <th>销售收入(万元)</th>
                            <th>同比(%)</th>
                            <th>环比(%)</th>
                            <th>销售计划(万元)</th>
                            <th>计划完成率(%)</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    

    CSS代码:

    .tablebox {
        height: 500px;
        overflow: hidden;
        position: relative;
        width: 1000px;
        margin: 100px auto;
        background-color: rgba(6,26,103,1);
    }
    
    .tbl-header {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
    }
    
    .tbl-body {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .tablebox table {
        width: 100%;
    }
    
    .tablebox table th,
    .tablebox table td {
        font-size: 24px;
        color: #7ca6f4;
        line-height: 45px;
        text-align: center;
    }
    
    .tablebox table tr th {
        background-color: #1f1f9c;
        cursor: pointer;
    }
    
    .tablebox table tr td {
        background-color: transparent;
    }
    
    .tbl-body tr:nth-child(even) td,.tbl-body1 tr:nth-child(even) td {
        background-color: rgba(31, 31, 156, .5);
    }
    
    .tablebox table tr td span,
    .tablebox table tr td span {
        font-size: 24px;
    }
    

    JS代码:

    var MyMarhq = '';
    clearInterval(MyMarhq);
    $('.tbl-body tbody').empty();
    $('.tbl-header tbody').empty();
    var str = '';
    var Items = [{"Ranking":"1","City":"保定","SaleIncome":"2506734.43","SaleRough":"296071.96","SalePlan":"7200000","PlanFinish":"34.82","TonOilincome":"264.15","OilTransform":"29.62","An":"53.00","Mom":"-13.00"},
        {"Ranking":"2","City":"沧州","SaleIncome":"1425935.58","SaleRough":"93717.83","SalePlan":"3200000","PlanFinish":"44.56","TonOilincome":"366.59","OilTransform":"11.23","An":"65.00","Mom":"43.00"},
        {"Ranking":"3","City":"秦皇岛","SaleIncome":"1372207.38","SaleRough":"241071.82","SalePlan":"3000000","PlanFinish":"45.74","TonOilincome":"342.32","OilTransform":"6.61","An":"34.00","Mom":"7.00"},
        {"Ranking":"4","City":"衡水","SaleIncome":"972451.15","SaleRough":"87638.60","SalePlan":"2700000","PlanFinish":"36.02","TonOilincome":"246.03","OilTransform":"11.56","An":"15.00","Mom":"-18.00"},
        {"Ranking":"5","City":"石家庄","SaleIncome":"939010.52","SaleRough":"140217.37","SalePlan":"7200000","PlanFinish":"13.04","TonOilincome":"139.44","OilTransform":"19.23","An":"-57.00","Mom":"-48.00"},
        {"Ranking":"6","City":"邢台","SaleIncome":"774274.70","SaleRough":"124693.90","SalePlan":"3700000","PlanFinish":"20.93","TonOilincome":"138.87","OilTransform":"9.44","An":"-20.00","Mom":"-44.00"},
        {"Ranking":"7","City":"唐山","SaleIncome":"680456.79","SaleRough":"50542.14","SalePlan":"3600000","PlanFinish":"18.90","TonOilincome":"243.60","OilTransform":"16.95","An":"-29.00","Mom":"-49.00"},
        {"Ranking":"8","City":"张家口","SaleIncome":"613319.87","SaleRough":"176075.96","SalePlan":"3000000","PlanFinish":"20.44","TonOilincome":"87.09","OilTransform":"7.97","An":"2.00","Mom":"-24.00"},
        {"Ranking":"9","City":"中油华奥","SaleIncome":"596575.25","SaleRough":"387024.26","SalePlan":"11000000","PlanFinish":"5.42","TonOilincome":"93.58","OilTransform":"19.06","An":"35.00","Mom":"6.00"},
        {"Ranking":"10","City":"承德","SaleIncome":"589048.12","SaleRough":"68966.73","SalePlan":"2200000","PlanFinish":"26.77","TonOilincome":"193.24","OilTransform":"11.29","An":"30.00","Mom":"-28.00"},
        {"Ranking":"11","City":"廊坊","SaleIncome":"515448.14","SaleRough":"137934.72","SalePlan":"3500000","PlanFinish":"14.73","TonOilincome":"95.47","OilTransform":"8.80","An":"-48.00","Mom":"-3.00"},
        {"Ranking":"12","City":"瑞州","SaleIncome":"399875.26","SaleRough":"85371.46","SalePlan":"2000000","PlanFinish":"19.99","TonOilincome":"114.42","OilTransform":"11.42","An":"128.00","Mom":"-30.00"},
        {"Ranking":"13","City":"石家庄中油","SaleIncome":"90543.62","SaleRough":"20065.14","SalePlan":"430000","PlanFinish":"21.06","TonOilincome":"213.44","OilTransform":"20.45","An":"-24.00","Mom":"-17.00"},
        {"Ranking":"14","City":"辛集中油","SaleIncome":"49255.52","SaleRough":"8743.12","SalePlan":"250000","PlanFinish":"19.70","TonOilincome":"202.67","OilTransform":"29.95","An":"19.00","Mom":"-6.00"},
        {"Ranking":"15","City":"井陉中油","SaleIncome":"29682.60","SaleRough":"2175.66","SalePlan":"140000","PlanFinish":"21.20","TonOilincome":"730.20","OilTransform":"25.55","An":"-74.00","Mom":"-52.00"},
        {"Ranking":"16","City":"保定中油","SaleIncome":"11887.73","SaleRough":"2944.97","SalePlan":"100000","PlanFinish":"11.89","TonOilincome":"118.12","OilTransform":"34.16","An":"-64.00","Mom":"-72.00"}]
    $.each(Items,function (i, item) {
        str = '<tr>'+
            '<td>'+item.Ranking+'</td>'+
            '<td>'+item.City+'</td>'+
            '<td>'+(+item.SaleIncome/10000).toFixed(2)+'</td>'+
            '<td>'+(+item.An).toFixed(2)+'</td>'+
            '<td>'+(+item.Mom).toFixed(2)+'</td>'+
            '<td>'+(item.SalePlan/10000).toFixed(2)+'</td>'+
            '<td>'+(+item.PlanFinish).toFixed(2)+'</td>'+
            '</tr>'
    
        $('.tbl-body tbody').append(str);
        $('.tbl-header tbody').append(str);
    });
    
    if(Items.length > 10){
        $('.tbl-body tbody').html($('.tbl-body tbody').html()+$('.tbl-body tbody').html());
        $('.tbl-body').css('top', '0');
        var tblTop = 0;
        var speedhq = 50; // 数值越大越慢
        var outerHeight = $('.tbl-body tbody').find("tr").outerHeight();
        function Marqueehq(){
            if(tblTop <= -outerHeight*Items.length){
                tblTop = 0;
            } else {
                tblTop -= 1;
            }
            $('.tbl-body').css('top', tblTop+'px');
        }
    
        MyMarhq = setInterval(Marqueehq,speedhq);
    
        // 鼠标移上去取消事件
        $(".tbl-header tbody").hover(function (){
            clearInterval(MyMarhq);
        },function (){
            clearInterval(MyMarhq);
            MyMarhq = setInterval(Marqueehq,speedhq);
        })
    
    }
    
    展开全文
  • 实时LED信息发布系统中,数据以表格的形式显示,当单元格中的内容超长时,自动从右向左滚动。费了点时间,做了个雏形,需要的可以下载继续完善。项目文件齐全,仅供分享。
  • Element动态生成表格以及表格内容无缝滚动 最近做了一个表格消息内容滚动的需求,闲暇之余特意封装了一个组件以供各位参考,当初还有不足之处还请多多指出。 新的改变

    Element动态生成表格以及表格内容无缝滚动

    最近做了一个表格消息内容滚动的需求,闲暇之余特意封装了一个组件以供参考,该表格基于Element可以动态配置显示内容及数据,支持多级表格内容配置,支持实时推送数据更新,提供插槽自定义数据,当然你如果只想加载数据不想让列表滚动,传入isScroll='false'即可关闭内容滚动,还有不足之处还请多多指出。

    效果如下所示

    在这里插入图片描述

    直接进入主题

    1.页面引入组件,新建vue文件test.vue,引入表格组件,传入表格相关内容以及表格数据,内容如下

    <template>
       <div style="height:100%;width:80%">
           <dt-srcoll :newData="dutyRateData"
                      :menuData="menuData"
                      :lineHeight="5"
                      :tableHeight="50">
               <template slot="footerTable">  //自定义插槽
                   <el-table-column
                         label="操作">
                       <template slot-scope="row">
                          <el-button type="text" size="small">详情</el-button>
                       </template>
                   </el-table-column>
               </template>
           </dt-srcoll>
       </div>
    </template>
    
    <script>
    import DtSrcoll from '../components/scroll'
     export default {
       components:{
         DtSrcoll
       },
       data() {
         return {
           menuData:[ //表格内容
             {
               name:'班级',
               prop:'group'
             },
             {
               name:'书本数量',
               prop:'bookNum'
             },
             {
               name:'数量',
               prop:'sceneNum'
             },
             {
               name:'进度',
               prop:'dutyRate'
             }
           ],
           dutyRateData: [    //表格数据(也可以通过实时推送更新数据)
             { group: "电工班1", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班2", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班3", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班4", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班5", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班6", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班7", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班8", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班9", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班10", bookNum: 3, sceneNum: 0, dutyRate: "88%" },
             { group: "电工班11", bookNum: 3, sceneNum: 0, dutyRate: "88%" }
           ],
    
         };
       }
     };
    </script>
    

    2.DtSrcoll.vue表格组件相关参数内容如下;

    参数说明类型默认值
    newData表格内容数据Array------
    menuData表格显示标题Array------
    lineHeight显示内容行数Number5
    tableHeight每一行的高度Array40(px)
    rowTime切换时间Number1500(ms)
    duration过渡时间Number500(ms)
    isScroll是否允许内容滚动Booleantrue
    isAgain数据滚动到最后一行是否重新开始滚动Booleanfalse
    isClear数据滚动到最后一行是否停止滚动Booleanfalse
    1. DtSrcoll.vue表格组件内容如下,复制即可,el-table内容也可以根据需求自行更改
    <template>
       <div>
           <el-table
                   :data="newData"
                   border
                   style="width: 100%"
                   align="center"
                   size="mini"
                   id="dbM">
               <el-table-column
                       label="序号"
                       type="index"
                       width="60">
               </el-table-column>
               <el-table-column
               v-for="item in menuData"
               :label="item.name"
               :show-overflow-tooltip="true"
               :prop="item.prop">
                   <!--todo 二级表头-->
                   <el-table-column
                           v-for="subItem in item.child"
                           :label="subItem.name">
                       <template v-if="!subItem.child" slot-scope="scope">
                           {{subItem.val}}
                       </template>
                       <!--todo 三级表头-->
                       <el-table-column
                               v-for="subItem2 in subItem.child"
                               :label="subItem2.name">
                           <template v-if="!subItem2.child" slot-scope="scope">
                               {{subItem2.val}}
                           </template>
                       </el-table-column>
                   </el-table-column>
               </el-table-column>
               <slot name="footerTable"></slot>
           </el-table>
       </div>
    </template>
    
    <script>
     export default {
       name: 'DtSrcoll',
       props:{
         newData:Array, //表格数据
         menuData:Array, //表格行内容
         lineHeight:{ //页面需要显示的行数
           type:Number,
           default: 4
         },
         rowTime:{ //每一行滚动切换等待的时间(毫秒)
           type:Number,
           default: 1500
         },
         duration:{ //过渡时间
           type:Number,
           default: 500
         },
         tableHeight:{ //行高
           type:Number,
           default: 40
         },
         isClear:{ //数据滚动到最后一行是否停止滚动
           type:Boolean,
           default: false
         },
         isAgain:{ // 数据滚动到最后一行是否重新开始滚动
           type:Boolean,
           default: false
         },
         isScroll:{ //是否允许内容滚动
           type:Boolean,
           default: true
         }
    
       },
       data(){
         return{
           active:0,
           timer:''
         }
       },
       mounted() {
         let _this=this
         this.$nextTick(() => {
           let elwrapper = document.getElementsByClassName("el-table__body-wrapper")[0];
           elwrapper.style.height=this.lineHeight*this.tableHeight+'px'
           let elBody = document.getElementsByClassName("el-table__body")[0];
           let elRow=document.getElementsByClassName('el-table__row');
           for(let node of elRow){
               node.style.height=this.tableHeight+'px'
           }
           elBody.style.top = 0;
           elBody.style.transactionDuration=this.duration+'ms'
           if(_this.isScroll){
             _this.timer=setInterval(function () {
               if(_this.active<parseInt(_this.newData.length)-parseInt(_this.lineHeight)){
                 _this.active+=1
                 elBody.style.top=parseInt(elBody.style.top)-parseInt(_this.tableHeight)+'px'
               }else{
                 if(this.isClear){
                   clearInterval(this.timer)
                 }
                 if(_this.isAgain){
                   _this.active=0
                   elBody.style.top=0
                 }else{
                   clearInterval(_this.timer)
                 }
               }
             },_this.rowTime)
           }
         });
       },
       destroyed () {
         clearInterval(this.timer)
       }
     }
    </script>
    
    <style >
    .el-table__body{
       position: absolute;
       transition: all 500ms linear;
    }
    
    </style>
    

    一个完整的内容滚动表格就出来了
    在这里插入图片描述

    展开全文
  • 实现类似表格内容动态滚动效果

    千次阅读 2019-05-04 21:31:36
    在一些大屏首页展示上,通常会有一些表格展示,由于大屏的特殊性,不会有人专门去操作这个页面查看相应数据,一般都会采用动态滚动的效果。下面是具体的实现。 效果图 实现思路 通过<ul>和<li>标签...
  • js表格无缝滚动效果

    2019-09-05 09:42:40
    使用js实现对table表格的向上(可自定义方向)无缝滚动效果。
  • 表头不动内容滚动,可使用两个表格实现,表头是一个表格内容是一个表格,都放在一个容器里,然后将放内容表格设置一个固定高度,当内容超出高度时就显示滚动条 <!-- 表格容器,可用于设置整个的边框及高度 ...
  • HTML5_html表头固定不滚动内容滚动的效果,表格是基于Div CSS实现的,将表头固定...在显示较多数据时,当用户滚动鼠标中轮时,表格内容滚动,而表头固定不变,可以将表格内容与表头很好的对应,便于阅读表格内容
  • 易语言高级表格隐藏滚动条源码,高级表格隐藏滚动条,处理,FlatSB_ShowScrollBar,ShowScrollBar,CallWindowProcA,SetWindowLongA
  • HTML CSS 表格固定表头、和指定字段,实现表格内部滚动
  • 纯CSS实现的表格滚动条效果,非常美观和实用。代码简短清晰。
  • 最近项目有个需求,两个表格,定时自动切换,而且每个表格内容自动滚动,还要加个设置功能,可以设置两个表格之前自动切换的间隔时间,和滚动速度,大概效果如下 话不多说,直接上代码 主要的功能方法 autoRoll...
  • 本文实例为大家分享了js实现表格循环滚动的具体代码,供大家参考,具体内容如下 css table{width: 500px;border: 1px solid gray;border-collapse: collapse;} th,td{line-height: 35px;border: 1px solid gray;...
  • LabVIEW程序Demo,封装为子VI,可以直接使用,实现LabVIEW中的表格控件自动滚动,方便查看最新的表格数据。
  • html 表格内容滚动

    千次阅读 2016-10-15 12:36:57
    今天在开发时,有个需求,表格太长需要滚动显示里面的内容。经过调试,通过...// 表格滚动  var num = 0;  var $table = $("#touzi-div table");  var len = $table.find("tr").length; var scroll_total
  • jQuery表格自动向上滚动代码,鼠标悬浮停止,离开自动继续滚动 jQuery表格自动向上滚动代码,鼠标悬浮停止,离开自动继续滚动
  • 问题: 最近做项目统计的时候碰见一个特定的需求,要求表格上下滚动时,表格头尾固定;左右滚动的时候表格表格第一列最后一列固定。 先上效果图可能会更明了些: 左右滚动时,两列固定,头尾中间部分跟着滚动。 ...
  • LabVIEW表格控件自动滚动的子VI,封装为子VI,可以直接使用,实现LabVIEW中的表格控件自动滚动,方便查看最新的表格数据。
  • 添加全局注册事件,用来监听滚动事件 window.Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scroll', ...
  • html 控制表格Tbody内容滚动

    千次阅读 2016-12-20 16:58:58
    html里面表格是不容易控制的元素,我在项目中遇到过想让tbody内容超出后滚动,我尝试了很多办法,比如把thead设置position:absolute;再设置top啊,margin啊。。。都感觉不太好。 直接设置tbody overflow:...
  • 易语言高级表格数据滚动显示例程源码,高级表格数据滚动显示例程
  • 下面小编就为大家带来一篇jsp中为表格添加水平滚动条的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 76,574
精华内容 30,629
关键字:

表格内容滚动