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

2025-04-28 07:38:35

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表格模板单元格生成进度条
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢