layui,如何在table表格模板单元格生成进度条

 时间:2024-10-17 11:10:34

1、我们先在html里,写上一个空的table。

layui,如何在table表格模板单元格生成进度条

2、然后在脚本里使用layui的table,初始化这个表格。

layui,如何在table表格模板单元格生成进度条

3、正常情况下,使用templet可以让表格的单元格生成自定义内容,这里我们生成的是一个进度条。

layui,如何在table表格模板单元格生成进度条

4、但运行页面后,发现进度条并没有成功生成。

layui,如何在table表格模板单元格生成进度条

5、这是因为我们的进度条是动态生成的html,已经过了layui渲染阶段了。

layui,如何在table表格模板单元格生成进度条

6、我们可以在初始化table的方法里加上一个done方法。

layui,如何在table表格模板单元格生成进度条

7、done方法里调用element.render()方法来再次渲染页面就行了。

layui,如何在table表格模板单元格生成进度条

8、重新运行页面,可以看到进度条成功在table里生成了。

layui,如何在table表格模板单元格生成进度条
  • 知乎如何知道关注的人发了想法
  • 怎么做超好吃的鸡胸肉
  • 第一次进入“得言”软件需要设置什么
  • 山楂怎么喝减肥最快
  • 怎样避免疲劳驾驶?
  • 热门搜索
    轮胎规格怎么看 西安博物馆 宠物兔怎么养 怎么爱你都不够 芝士蛋糕怎么做 怎么辨别玉的真假 漂亮英文怎么写 记忆力下降怎么提高 怎么剥芒果皮 福迪汽车怎么样