新規投稿
フォローする

IDが可変するサブテーブルの幅指定について

レコード追加イベントで、サブテーブルに行を追加しております。(固定で7行追加)

//テーブルの1行目を複製し、エリア作成
var row = record['配布'].value[0].value;
var newRow = {};
var fcodes = Object.keys(row);
fcodes.forEach(function(fcode) {
newRow[fcode] = {
type: row[fcode].type,
value: row[fcode].value
}
});
var tableRecords = event.record.配布.value;
tableRecords[0].value['配布エリア'].value = '札幌';

for (var i = 0; i < 7; i++) {
record['配布'].value.push({ value: newRow });
}

行の追加は全レコードで行いますが、サブテーブルや、(別の項目も)あるフィールドの選択値によって、非表示になります。

このため(?)かサブテーブルのオブジェクトのIDが変動しているようなのですが、このサブテ―ブルの列の幅を詳細画面や、レコード編集画面において(というか、どの画面でも)、固定で指定したいのですが、どのように指定すればいいかご教示いただきたく、お願いいたします。

なお、

https://developer.cybozu.io/hc/ja/community/posts/208702026-kintone-%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E5%90%84%E9%A0%85%E7%9B%AE%E6%A8%AA%E5%B9%85%E8%AA%BF%E6%95%B4%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6

の記事を参考に、

 

table.subtable-gaia:nth-of-type(1).edit-subtable-gaia th:nth-child(1) {
width: 140px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia th:nth-child(1) * {
min-width: 120px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia td:nth-child(1) {
max-width: 140px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia td:nth-child(1) * {
width: 120px !IMPORTANT;
}

table.subtable-gaia:nth-of-type(1).edit-subtable-gaia th:nth-child(2) {
width: 120px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia th:nth-child(2) * {
min-width: 110px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia td:nth-child(2) {
max-width: 120px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia td:nth-child(2) * {
width: 110px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia th:nth-child(3) {
width: 120px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia th:nth-child(3) * {
min-width: 110px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia td:nth-child(3) {
max-width: 120px !IMPORTANT;
}
table.subtable-gaia:nth-of-type(1).edit-subtable-gaia td:nth-child(3) * {
width: 110px !IMPORTANT;
}

~略~

のようなCSSを設定すればよいのかと思ったのですが、編集画面等では、非表示項目にはIDが振られていないようにみえましたので、確認させて頂ければと思います。

ご教示よろしくお願いいたします

 

 

 

 

 

0

0件のコメント

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