# テーブル内の複数列の背景色を変更する方法
**URL:** https://community.cybozu.dev/t/topic/5525
**Category:** kintone 開発相談
**Created:** [2021 年 12 月 6 日午前 7:42 UTC](https://community.cybozu.dev/t/topic/5525 "2021-12-06T07:42:33Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@Legacy\_Account1416](https://community.cybozu.dev/u/Legacy_Account1416)
#### Post date: [2021 年 12 月 6 日午前 7:42 UTC](https://community.cybozu.dev/t/topic/5525/1 "2021-12-06T07:42:33Z")
テーブル内で複数の列の背景色を変更したいのですが、以下のようなコードでは一番下に記載した分しか機能せず悩んでおります。
改善方向をご教示いただけますと幸いです。
```
function changeColor(arg) {
var tr = $(kintone.app.record.getFieldElement('テーブル')).find('tr');
var target = arg[0];
for (var i = 0; target.length > i; i++) {
var row = target[i]; // 色を変える行数を取得
$(tr[row]).children().eq(1).css('background-color', '#ffb4ff');
}
}
kintone.events.on(['app.record.detail.show'], function(event) {
var targetRow = []; // 色変え対象の行番号
var tableRecords = event.record['テーブル'].value;
for (var j = 0; j < tableRecords.length; j++) {
var secondItemName = tableRecords[j].value['判定1'].value;
if (secondItemName == 'NG') {
targetRow.push(j+1);
}
}
setTimeout(changeColor, 500, [targetRow]);
return event;
});
function changeColor(arg) {
var tr = $(kintone.app.record.getFieldElement('テーブル')).find('tr');
var target = arg[0];
for (var i = 0; target.length > i; i++) {
var row = target[i]; // 色を変える行数を取得
$(tr[row]).children().eq(2).css('background-color', '#ffb4ff');
}
}
kintone.events.on(['app.record.detail.show'], function(event) {
var targetRow = []; // 色変え対象の行番号
var tableRecords = event.record['テーブル'].value;
for (var j = 0; j < tableRecords.length; j++) {
var secondItemName = tableRecords[j].value['判定2'].value;
if (secondItemName == 'NG') {
targetRow.push(j+1);
}
}
setTimeout(changeColor, 500, [targetRow]);
return event;
});
```
---
### Author:  [@Legacy\_Account1416](https://community.cybozu.dev/u/Legacy_Account1416)
#### Post date: [2021 年 12 月 7 日午前 12:05 UTC](https://community.cybozu.dev/t/topic/5525/2 "2021-12-07T00:05:33Z")
自己解決しました。
changeColorに連番を振るなどして別物にしなくてはいけなかったですね。