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