検索

ホームページ  >  に質問  >  本文

ブートストラップ テーブルでの行分割: ブートストラップ テーブルで行分割を実装するためのガイド

テーブル内の配列に .join() を作成しようとしています。期待される結果は、各車両 (以下の例) が一列に並んでいることです。

.join("\r\n").join("<br />") を使用してみましたが、うまくいきません。私は何を取りこぼしたか?

リーリー リーリー

上記と同じコード スニペットですが、CodePen 上にあります。

P粉957661544P粉957661544244日前378

全員に返信(2)返信します

  • P粉587780103

    P粉5877801032024-03-28 14:22:17

    (例のようにボタンをクリックした直後ではなく) 常に別の行に配置したいと仮定すると、<b-table> で提供されるスロットを使用してカスタマイズできます。列のコンテンツを抽出し、単純な v-for を使用して各要素を独自の <div> にレンダリングします。

    リーリー リーリー

    返事
    0
  • P粉111627787

    P粉1116277872024-03-28 12:39:47

    あなたが見ている問題は、コンテンツが解釈されず、テキストとして表示されることです。これを調整するには、cell(key) スロットを使用します。次に、スロットで v-html を使用して文字列を html として解釈します。

    リーリー リーリー

    返事
    0
  • キャンセル返事