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表格模板单元格生成进度条
  • 知乎如何知道关注的人发了想法
  • 怎么做超好吃的鸡胸肉
  • 第一次进入“得言”软件需要设置什么
  • 山楂怎么喝减肥最快
  • 怎样避免疲劳驾驶?
  • 热门搜索
    土豆不能和什么一起吃 yield是什么意思 什么叫理财 adp是什么 dj是什么 胰腺炎有什么症状 foxmail是什么 京东e卡是什么 13440是什么违章 露营需要准备什么