我正在使用 ajax 来更新表格的内容,我想使用语义 ui 的内置类“Loader”在获取内容的同时在表格的中心显示一些加载动画,但那样做似乎不适用于 <table>
标签。
<div class="ui active loader">
<table class="ui unstackable striped table segment">
<tr><td>id</td><td>name</td></tr>
<tr><td>1</td><td>test test</td></tr>
</table>
</div>
我如何让它工作?
最佳答案
加载程序并不意味着包含正在加载的内容。它与调光器结合使用。
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" />
<div class="dimmable">
<div class="ui active inverted dimmer">
<div class="ui loader"></div>
</div>
<table class="ui unstackable striped table segment">
<tr>
<td>id</td>
<td>name</td>
</tr>
<tr>
<td>1</td>
<td>test test</td>
</tr>
</table>
</div>
或者如果在段内它可以是独立的
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" />
<div class="ui basic segment">
<div class="ui active loader"></div>
<table class="ui unstackable striped table segment">
<tr>
<td>id</td>
<td>name</td>
</tr>
<tr>
<td>1</td>
<td>test test</td>
</tr>
</table>
</div>
关于javascript - <table> 内的语义 UI 加载器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35071904/