Handlebars.js: テーブル作成中の動的td幅

作成日 2018年04月23日 · 7コメント · ソース: handlebars-lang/handlebars.js

動的な数がtdの2つの行を含むテーブルを作成しています。
重要な部分は、各tdの幅を設定することであり、幅が計算されて表示に渡されます。
tdWidth：100 / numberOfChars =>これは幅のパーセンテージを示します
次のコードを使用していますが、機能していません。

<table>
<tbody>
<tr>
{{#each array}}
<td style='width: {{tdWidth}}%;'>{{this}}</td>
{{/each}}
</tr>
</tbody>
</table>

どんな助けもありがたいです。

ソース

amirzandi

最も参考になるコメント

「each」ステートメントの「corrects」を繰り返していますが、そのオブジェクトは「tdWidth」オブジェクトを保持していません。

私はあなたがこれを変える必要があるかもしれないと思います：
{{tdWidth}}

これに：
{{../tdWidth}}

参照：http： //handlebarsjs.com/ （「ハンドルバーパス」の下）

magikstm 2018年04月24日

👍2 🎉1

全てのコメント7件

@nknapp助けてください！

amirzandi 2018年04月24日

現在、どのような問題が発生していますか？

この問題を解決するには、さらに多くのコードが必要になります。

magikstm 2018年04月24日

@magikstmは実際にはサーバーから取得されますが、クライアントではレンダリングされていません。クライアントでソースを確認すると、次のように表示されます。

c
しかし、スパンまたはdiv内にtdWidthを表示すると、9.99と表示されます。これは、データがサーバーから送信されていることを意味します。要素のスタイルタグ内に配置している間は機能しません。

amirzandi 2018年04月24日

@amirzandiコードをもっと共有していただけませんか？

特に、「tdWidth」値を作成する部分と、それをページのその部分にリンクする方法。

magikstm 2018年04月24日

@magikstm
これはサーバー側です：
res.render（ './ game / phrase_box'、{
レイアウト：false、
不正解：result.incorrects、
修正：result.corrects、
numberOfChars：result.numberOfChars、
tdWidth：100 / numberOfChars
}）;

これはクライアント側です：
{{#ifが正しくない場合}}
{{#ifcorrects}}

            <tr>
                {{#each corrects}}
                    <td style="width:{{tdWidth}}%">{{this}}</td>
                {{/each}}
            </tr>
        </tbody>
    </table>
{{/if}}

amirzandi 2018年04月24日

「each」ステートメントの「corrects」を繰り返していますが、そのオブジェクトは「tdWidth」オブジェクトを保持していません。

私はあなたがこれを変える必要があるかもしれないと思います：
{{tdWidth}}

これに：
{{../tdWidth}}

参照：http： //handlebarsjs.com/ （「ハンドルバーパス」の下）

magikstm 2018年04月24日

👍2 🎉1

@magikstmohhhhhあなたは私の日を救った....どうもありがとう...どうもありがとう。

amirzandi 2018年04月24日

🎉1 👍1

このページは役に立ちましたか？

0 / 5 - 0 評価

Handlebars.js: テーブル作成中の動的td幅

最も参考になるコメント

全てのコメント7件

関連する問題