4件の返信を表示中 - 1 - 4件目 (全4件中)
  • テーブルが全部表示されず、途中で切れてしまっています。

    セルを移動(TAB や矢印キーで)すると表示されませんか?

    • この返信は5年、 8ヶ月前にishitakaが編集しました。
    トピック投稿者 WP_manabu

    (@wp_manabu)

    ishitakaさま アドバイス、ありがとうございまーす!

    矢印はOKです! タブは、表示されていない「列」に移動せず、次の「行」にいってしまいますです。
    ということで、現状では、矢印を使いながらテーブルを作成し、「プレビュー」で全体のテーブルを確認する感じです。

    (カーソルの動き見えづらく恐縮ですが)YouTubeにて、結果を貼ってみました。
    https://www.youtube.com/watch?v=wv48WC_Wx6g

    全体のテーブルが表示され、それをみながら作成できると、とてもラクだったりするのですけれど、
    Gutenberg は、まだリリースされて日が経っていないようで、バージョンアップを待つしかないですかね。

    タブは、表示されていない

    あっ、表示されませんでしたね。(^^;
    カーソルだけは、次のセル(列)に移動しますが、カーソルに表示が追尾しないみたいです。この辺は、バージョンアップに期待したいところです。

    全体のテーブルが表示され、それをみながら作成できると、とてもラクだったりするのですけれど、

    全体を表示させる場合は下記のようなスタイルを editor-blocks.css に追加するとできると思います。
    エディターの幅の制限もあり、テーブルを狭めるにも限界があるので、あまりいい方法とは思えませんが・・・。

    .wp-block-freeform.block-library-rich-text__tinymce table {
    	table-layout: fixed;
    	max-width: 100%;
    }
    
    .wp-block-freeform.block-library-rich-text__tinymce th,
    .wp-block-freeform.block-library-rich-text__tinymce td {
    	width: auto !important;
    }
    トピック投稿者 WP_manabu

    (@wp_manabu)

    ishitakaさま お手数をおかけしております。

    editor-blocks.css の件、ありがとうございます。

    TwentySeventy > assets >css > editor-block.cssにて、ご教示いただいたものを追加してみました。
    うまく表示されましたーっ。ただし(こちらで試した結果)幅641px以上は、やはり切れてしまいます、です。

    こちらの、おもわくとしては、テーブルをページ全体のレイアウトに利用しよう、というものでして。
    そもそも「この利用方法が邪道である」ということを、テーブルの使い方を練習したり、ishitakaさまとのやり取りで、はたと気づいた次第です。テーブルはテーブルとして使うべし、みたいな。勉強になりました。ありがとうございまーす!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「Gutenberg、テーブルが切れてしまう」には新たに返信することはできません。