GridManager-loading样式修改

41次阅读

共计 554 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0