Question

我正在使用ajax来更新表的内容，我想使用semantic-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>

如何让它发挥作用？

Answer 1

加载器并不意味着包含正在加载的东西。它与调光器一起使用。

<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>

或者如果在片段

中它可以是独立的

<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>

内部的语义UI加载器

1 个答案: