何を実現したいのかを書きましょう
フォームブリッジでテーブルフィールドを設置しており、テーブル内フィールドは全て編集不可にしています。
このテーブル内フィールドにある、文字列(1行)フィールドの値が一部途切れて表示されています。
この途切れているフィールドにスクロールバーを表示させて文字列全体を見れるようにしたいです。
実行したコードをコピー＆ペーストしましょう
こちらの記事を参考に下記のコードを実装して、フィールドの横幅を300pxに設定しているため、ある程度テーブルの横幅は調整しています。
const tableCode = "テーブルのフィールドコード";
const tableElement = fb.getElementByCode(tableCode)
.getElementsByTagName('table')[0];
tableElement.style.width = '100%';
tableElement.style.tableLayout = 'fixed';
しかし、それでも途切れてしまう文字列は横スクロールできるようにしたいと考えています。
発生した問題やエラーメッセージを具体的に書きましょう
動作確認として、開発者ツールからcssに以下のコードを追記して確認したところ、うまく機能しませんでした。
.el-input.is-disabled {
overflow-x: scroll !important;
}
こちらの実現方法につきまして、教えていただけますと幸いです。