GridManager loading样式修改

大城市里の小女人 提交于 2021-01-23 03:58:31

在使用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,如果对你有帮助请点个赞。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!