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表格模板单元格生成进度条
  • 知乎如何知道关注的人发了想法
  • 怎么做超好吃的鸡胸肉
  • 第一次进入“得言”软件需要设置什么
  • 山楂怎么喝减肥最快
  • 怎样避免疲劳驾驶?
  • 热门搜索
    小学生清明节的手抄报 关于文明的手抄报内容 心理手抄报 一年级教师节手抄报 平安出行手抄报 消防安全的手抄报 我爱运动手抄报 美丽家园手抄报内容 文明用语手抄报 迎接期中考试手抄报