跳至主要內容

表格/无缝滚动条

技术中心小于 1 分钟

表格/无缝滚动条

  • 以下配置都是改变整个表格(注:对整体背景色来说,表头背景色、奇数偶数背景色会覆盖该颜色)

  • 表头配置

    • 每列配置:
    {
         "title": "姓名",   --------   每列的名称
         "key": "name",     --------   与数据的key值对应
         "align": "center", --------   每列的对齐方式(left、center、right)
         "width": "20%"     --------   每列的宽度(详细大小请带单位,例如:"100px")
     } 
    
    • 序号配置:
      在表头配置顶部配置:
    {
        "type": "index",
    }
    
  • 数据配置

    • 若该列对应的是图片,则需在对应列表头的key值后添加“_img”,例如:
    <!-- 表头 -->
    {
        "title": "警情等级",
        "key": "waringLevel",
        "align": "center",
        "width": "20%"
    }
    <!-- 数据配置 -->
    {
        waringLevel_img: "https://tse2-mm.cn.bing.net/th/id/OIP-C.eUtg5FnVq-hWrc0EmgBhrwHaFt?rs=1&pid=ImgDetMain",
    }
    
    • 若该列的每行需要不同颜色的文字,需如下配置:
    <!-- 表头 -->
    {
        "title": "响应情况",
        "key": "deal",
        "align": "center",
        "width": "20%"
    }
    <!-- 数据配置 -->
    {
        deal: "已响应",
        deal_color: "green",
    }
    
  • 动画配置

    • 单行停顿高度:指轮播多高就停顿一次
    • 单步运动停止的时间:指停顿的时长