zoukankan      html  css  js  c++  java
  • layui table在第一列根据后台返回数据的排序赋值不同的图片

    因为赋值不同的图片,该图片路径在前端进行维护,就选用layui table的第三种渲染方法:静态table渲染layui样式。渲染layui样式是想得到相关列的默认sort方法,lay-data中的sort:true.

    table.init('OrderTable', {
    limit: 15
    });

    总结:在数据库中取数的时候就进行了排序,得到list是有序的,这时,就只能在页面加载data时,对第一列进行赋值。第一等级:1.png图片,第二等级:2.png,第三等级:3.png,第四行数据之后都是显示0.png图片。

    效果图:

    现在默认的是“额外调整里程”从少到多排序,自动循环赋值第一列等级图片,用来区别等级。

    测试的时候出现一点小问题:

    说明:每个数据加单位,就自动转化为string类型了,所以,排序按钮只是进行第一个首数字的排序(我一直找不到规律,对自己很无语啊~)。不加单位的都是数值型的,点击排序小按钮,可以显示正常的排序数据。

  • 相关阅读:
    维护
    zabbix监控线
    java——快排、冒泡、希尔、归并
    java——注解处理器
    spring boot——常用注解
    java——修改txt文件中某一行的内容
    spring boot——关于一个Mysql主键的问题
    mysql
    springboot
    自信点,不要怕
  • 原文地址:https://www.cnblogs.com/Ly426/p/9953640.html
Copyright © 2011-2022 走看看