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

时间:2026-02-14 18:04:57

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表格模板单元格生成进度条?

© 2026 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com