likes
comments
collection
share

GridManager loading样式修改

作者站长头像
站长
· 阅读数 50

在使用gridmanager表格组件时,如果想要改变loading样式该如何处理?

gridmanager提供的loadingTemplate参数可以快速的解决这个问题。

loadingTemplate参数的介绍:

参数类型: String 默认值: '' 数据加载中模板,该配置可以自定义数据加载时使用的loading样式。 使用该配置时,需要自行提供与模板相匹配的css样式。

使用方式

new GridManager({
    gridManagerName: 'test',
    loadingTemplate: '<div class="loading-class">暂无数据</div>',
    ... //其它参数
})

gridmanager是跨框架的表格组件,在不同框架中对模版参数是支持框架语法的。loadingTemplate就是其中的一个模板参数,拿react来举个例子:

import Table from 'gridmanager-react';
const emptyTemplate = () => {
	return (
		<div className="loading-class">
			暂无数据
		</div>
	);
};
<Table
    gridManagerName= 'test',
    emptyTemplate
></Table>

最后附上相关API,如果对你有帮助请点个赞。

转载自:https://juejin.cn/post/6844904178850988046
评论
请登录