HTMLでテーブルを使うときに、内容に合わせてtableの横幅を伸ばしたいときがあるかと思います。
が、デフォルトではtable内では、単語や文字で折り返し（改行）をしてしまいます。
折り返し（改行）をしないような設定にする方法をご紹介していきます。
tableのセル内で文字を改行（折り返し）させない方法
通常、table内では、以下のように文字が改行されます。
See the Pen
tableのセル内で文字を改行させない方法 by tom k (@tom-k-the-encoder)
on CodePen.
これを、折り返し（改行）させずにずっと横に伸ばすためには、table,th,tr,tdのいずれか折り返しをさせたくない箇所のcssに以下の1行を記載します。
white-space: nowrap;
参考として、table全体に対して文字の折り返し（改行）をさせないようにするためには、tableに対してwhite-space: nowrap;を当てます。
See the Pen
tableのセル内で文字を改行させない方法02 by tom k (@tom-k-the-encoder)
on CodePen.
tdだけにwhite-space: nowrap;を使うと、以下のようになります。
See the Pen
tableのセル内で文字を改行させない方法02 by tom k (@tom-k-the-encoder)
on CodePen.
tdだけ横に伸びていきます。
tdやthだけ横に伸ばしたい！というときに使えるプロパティだと思います。
コーディングの小技として、使ってみてください。
参考：https://www.tagindex.com/stylesheet/table/white_space.html
