VWSとは フォーラム Lightning [ 解決済 ] tableが縮小されてしまう

[ 解決済 ] tableが縮小されてしまう

タグ: 

  • このトピックには2件の返信、2人の参加者があり、最後にVWSカスタマーにより1ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #24965

    ご教示ください。
    WordPress 5.2.4 (Lightning Pro テーマ)
    TinyMCE Advanced のプラグインを利用しております。

    TinyMCE Advanced にて2列の表を作成し
    平成○○年○月 テキストテキストテキストテキストテキストテキストテキストテキスト
    平成○○年○月 テキストテキストテキストテキストテキスト
    平成○○年○月 テキストテキストテキストテキストテキストテキストテキストテキスト
    平成○○年○月 テキストテキストテキストテキストテキストテキストテキストテキスト

    class=”table table-responsive table-striped” を追加すると PC表示で 100% 幅が維持できません。
    回避方法をご指導宜しくお願いいたします。

    #24972

    RICK
    参加者

    table-responsiveクラスの使い方は

    <div class="table-responsive">
      <table class="table table-striped">
        ...
      </table>
    </div>
    

    のように table 要素の外側に記述する必要があります。
    参考サイト:
    https://getbootstrap.jp/docs/4.3/content/tables/

    テーブル作成後、一旦テキストモードに切り替えて

      
    <table class="table table-striped">
        ...
    </table>
    

    の外側に

    <div class="table-responsive">
    
    </div>
    

    を加えると解決するとお思います。

    #24975

    RICK 様

    いつも大変助かっております。

    無事解決いたしました。

    本当に、有難うございます。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。