GridManager loading樣式修改

在使用gridmanager表格組件時,若是想要改變loading樣式該如何處理?

gridmanager提供的loadingTemplate參數能夠快速的解決這個問題。javascript

loadingTemplate參數的介紹:

參數類型: String
默認值: ''
數據加載中模板,該配置能夠自定義數據加載時使用的loading樣式。
使用該配置時,須要自行提供與模板相匹配的css樣式。css

使用方式

new GridManager({
    gridManagerName: 'test',
    loadingTemplate: '<div class="loading-class">暫無數據</div>',
    ... //其它參數
})

gridmanager是跨框架的表格組件,在不一樣框架中對模版參數是支持框架語法的。loadingTemplate就是其中的一個模板參數,拿react來舉個例子:html

import Table from 'gridmanager-react';
const emptyTemplate = () => {
    return (
        <div className="loading-class">
            暫無數據
        </div>
    );
};
<Table
    gridManagerName= 'test',
    emptyTemplate
></Table>

最後附上相關API,若是對你有幫助請點個贊。java

相關文章
相關標籤/搜索