スクロールバーの表示・非表示の切り替え

Question

はじめまして。新人プログラマーです。
現在UI開発のレイアウト作成をHtml/cssで行って
おります。
サーバ：WebDAVサーバ（Windows Server 2012 R2）

JavaScriptでWebDAV情報を取得し画面上に表形式
でファイル名、更新日時、ファイルサイズを表示
する設計になっています。そこで、取得するファイル
名がセル幅より長くなってしまった場合にスクロールバー
を表示させて、セル内に収まっているときはスクロールバー
非表示にしたいのですが可能でしょうか。

情報が不足している場合など教えていただけますと
非常にありがたいです。

-----------追記-------------------

現在JavaScriptでWebDAV情報を取得できていないため
ソースコードを記載することはできないのですが、
(html上に表データを書き込んでいます。)
overflow: scroll;
で表全体の横スクロールバーを表示できることは
確認できました。

Comments

[m.ts10806]

現在作成中のソースコードと調べたことやってみたことを提示されると、より的確な回答を得られますよ。

[_3104]

ありがとうございます。

Answer 1

どういう構造かわかりませんが、overflow / overflow-x あたりを使うことになると思います。
https://developer.mozilla.org/ja/docs/Web/CSS/overflow-x

Comments

[_3104]

ありがとうございます！
overflow-x: auto;
を使ってできそうです。
調査不足でした、すみません。。