新規投稿
フォローする

表(テーブル)の項目幅を指定する方法

いつもお世話になっております。
詳細画面の表(テーブル)の項目幅が自動調整されますが、項目幅を固定で指定するJavaScriptのサンプルがありましたら教えてください。

0

7件のコメント

Avatar
落合 雄一

hiroko5572さん

cstapの落合です。
JavaScriptを使わなくても、アプリの設定>フォームの編集からご希望の幅に変更できるかと思います。

以上、参考になりますでしょうか?

0
Avatar
hiroko5572

落合さん

いつもお世話になっております。
フォームの編集で表の項目幅は確かに広げられますが、詳細表示した際、自動で調整されています。
項目数が多いので、収まりきれていないために、自動調整されているのかもしれません。(ただ、表の右余白はまだ空いています)
その行のキーとなる項目は自動で縮まらずに固定幅で表示させたいと思いますが、方法はありませんか?

0
Avatar
落合 雄一

hiroko5572さん

完全にDOM操作なのであまりオススメしませんが、layout-gaiaクラスが指定されている要素の幅を広げると解決できるかと思います。
以下のJavaScriptを試してみてもらえますでしょうか?

(function() {
  'use strict';

  function loadJS(src) {
    document.write('<script type="text/javascript" src="' + src + '"></script>');
  }
  // jQuery の JavaScript ファイル
  loadJS("https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js");

  kintone.events.on('app.record.detail.show', function(event) {
    $('.layout-gaia').width('2000px');
  });
})();
0
Avatar
hiroko5572

落合さん
ご返答どうもありがとうございます。
コメントいただいた方法でいたしました。
どうもありがとうございました。

0
Avatar
落合 雄一

hiroko5572さん

解決されたようで良かったです!
また何かありましたら、ご質問ください!

0
Avatar
上海レンユアー 松村

hiroko5572 さん

既に落合さんがご回答されて、解決されている様ですが、JavaScriptを書きたくない方向けの、古典的な方法を参考まで。

フィールド名に全角スペースを入れて、最後に.(ピリオド)を入れる。
例:発注単価(税抜)              .  ← これピリオド

こうしておくと、詳細画面で、フィールド名分の幅が確保されます。

あまり美しくない方法ですが(笑)

1
Avatar
Keisuke

最近知ったのですが、最小幅のサイズはデフォルト設定なのですね。

逆に最大幅は各言語で設定されたものまで表示されます。

英語と日本語だと倍近く長さに違いが出ることがあるので、そこらへんを調整するといいかもですね。

0
サインインしてコメントを残してください。