0

uikit progress barを の中に入れるのに問題があります。検索してドキュメントをuikit table cell探しましたが、すべてをグーグルで検索しましたが、良いコミュニティやリソースは見つかりませんでした。 getuikitprogress bartable

テーブル用の簡略化されたhtmlファイルは次のとおりです。

<table class="uk-table uk-table-hover uk-overflow-container">
    <thead>
        <tr>
            <th>
                Employee
            </th>
            <th>
                <label class="uk-form-label" for="name" style="font-weight: lighter;">
                    Contact
                </label>
            </th>
            <th>
                Workplace/Position
            </th>
            <th>
                Status
            </th>
            <th>
                Work Completed (%)
            </th>
    </thead>
    <tbody>
        <tr>
            <td>Luigi Lascuña</td>
            <td>Igi@skyes8.com</td>
            <td>Main Office/General Manager</td>
            <td>Regular</td>
            <td class="uk-progress">
                <div class="uk-progress-bar" style="width: 40%;">40%</div>
            </td>
        </tr>
    </tbody>
</table>

ここに私の出力があります：

従業員テーブル

その結果、表のセル内のテキストのみが表示され40%ますが、ドキュメントのようには表示されません。

4

1 に答える 1

1

components/progress.cssメインの html ファイルの先頭にスタイル ブロックを含めるだけです。これは私の問題を解決しました！

従業員リスト

于 2016-07-15T08:09:20.570 に答える