diff --git a/packages/frontend/src/components/grid/MkDataCell.vue b/packages/frontend/src/components/grid/MkDataCell.vue
index d3112e270b..3a2a54050e 100644
--- a/packages/frontend/src/components/grid/MkDataCell.vue
+++ b/packages/frontend/src/components/grid/MkDataCell.vue
@@ -12,7 +12,8 @@
 			$style.root,
 			[(cell.validation.valid || cell.selected) ? {} : $style.error],
 			[cell.selected ? $style.selected : {}],
-			[cell.ranged ? $style.ranged : {}],
+			// 行が選択されているときは範囲選択色の適用を行側に任せる
+			[(cell.ranged && !cell.row.ranged) ? $style.ranged : {}],
 			[needsContentCentering ? $style.center : {}],
 		]"
 	>
diff --git a/packages/frontend/src/components/grid/MkDataRow.vue b/packages/frontend/src/components/grid/MkDataRow.vue
index c1380efd93..0134cc1352 100644
--- a/packages/frontend/src/components/grid/MkDataRow.vue
+++ b/packages/frontend/src/components/grid/MkDataRow.vue
@@ -1,5 +1,5 @@
 <template>
-<tr :class="[$style.row]">
+<tr :class="[$style.row, [row.ranged ? $style.ranged : {}]]">
 	<MkNumberCell
 		:content="(row.index + 1).toString()"
 		:row="row"
@@ -42,6 +42,8 @@ const { cells } = toRefs(props);
 
 <style module lang="scss">
 .row {
-
+	&.ranged {
+		background-color: var(--accentedBg);
+	}
 }
 </style>
diff --git a/packages/frontend/src/components/grid/MkGrid.vue b/packages/frontend/src/components/grid/MkGrid.vue
index 292898e465..e634997900 100644
--- a/packages/frontend/src/components/grid/MkGrid.vue
+++ b/packages/frontend/src/components/grid/MkGrid.vue
@@ -107,6 +107,7 @@ const availableBounds = computed(() => {
 	};
 	return { leftTop, rightBottom };
 });
+const rangedRows = computed(() => rows.value.filter(it => it.ranged));
 
 watch(columnSettings, refreshColumnsSetting);
 watch(data, refreshData);
@@ -169,7 +170,7 @@ function onKeyDown(ev: KeyboardEvent) {
 					}
 
 					unSelectionOutOfRange(newBounds.leftTop, newBounds.rightBottom);
-					expandRange(newBounds.leftTop, newBounds.rightBottom);
+					expandCellRange(newBounds.leftTop, newBounds.rightBottom);
 				} else {
 					switch (ev.code) {
 						case 'KeyC': {
@@ -263,7 +264,7 @@ function onKeyDown(ev: KeyboardEvent) {
 					}
 
 					unSelectionOutOfRange(newBounds.leftTop, newBounds.rightBottom);
-					expandRange(newBounds.leftTop, newBounds.rightBottom);
+					expandCellRange(newBounds.leftTop, newBounds.rightBottom);
 				} else {
 					// shiftキーもctrlキーが押されていない場合
 					switch (ev.code) {
@@ -372,7 +373,7 @@ function onMouseMove(ev: MouseEvent) {
 			};
 
 			unSelectionOutOfRange(leftTop, rightBottom);
-			expandRange(leftTop, rightBottom);
+			expandCellRange(leftTop, rightBottom);
 			previousCellAddress.value = targetCellAddress;
 
 			break;
@@ -394,7 +395,7 @@ function onMouseMove(ev: MouseEvent) {
 			};
 
 			unSelectionOutOfRange(leftTop, rightBottom);
-			expandRange(leftTop, rightBottom);
+			expandCellRange(leftTop, rightBottom);
 			previousCellAddress.value = targetCellAddress;
 
 			break;
@@ -416,7 +417,12 @@ function onMouseMove(ev: MouseEvent) {
 			};
 
 			unSelectionOutOfRange(leftTop, rightBottom);
-			expandRange(leftTop, rightBottom);
+			expandCellRange(leftTop, rightBottom);
+
+			rows.value[targetCellAddress.row].ranged = true;
+
+			const rangedRowIndexes = rangedRows.value.map(it => it.index);
+			expandRowRange(Math.min(...rangedRowIndexes), Math.max(...rangedRowIndexes));
 
 			previousCellAddress.value = targetCellAddress;
 
@@ -521,7 +527,7 @@ function largestCellWidth(column: GridColumn) {
 	const largestColumnWidth = columns.value[column.index].contentSize.width;
 
 	const largestCellWidth = (_cells.length > 0)
-	  ? _cells
+		? _cells
 			.map(row => row[column.index])
 			.reduce(
 				(acc, value) => Math.max(acc, value.contentSize.width),
@@ -588,6 +594,11 @@ function unSelectionRange() {
 		cell.selected = false;
 		cell.ranged = false;
 	}
+
+	const _rows = rows.value;
+	for (const row of _rows) {
+		row.ranged = false;
+	}
 }
 
 function unSelectionOutOfRange(leftTop: CellAddress, rightBottom: CellAddress) {
@@ -599,9 +610,14 @@ function unSelectionOutOfRange(leftTop: CellAddress, rightBottom: CellAddress) {
 			cell.ranged = false;
 		}
 	}
+
+	const outOfRangeRows = rows.value.filter((_, index) => index < leftTop.row || index > rightBottom.row);
+	for (const row of outOfRangeRows) {
+		row.ranged = false;
+	}
 }
 
-function expandRange(leftTop: CellAddress, rightBottom: CellAddress) {
+function expandCellRange(leftTop: CellAddress, rightBottom: CellAddress) {
 	const targetRows = cells.value.slice(leftTop.row, rightBottom.row + 1);
 	for (const row of targetRows) {
 		for (const cell of row.slice(leftTop.col, rightBottom.col + 1)) {
@@ -610,6 +626,13 @@ function expandRange(leftTop: CellAddress, rightBottom: CellAddress) {
 	}
 }
 
+function expandRowRange(top: number, bottom: number) {
+	const targetRows = rows.value.slice(top, bottom + 1);
+	for (const row of targetRows) {
+		row.ranged = true;
+	}
+}
+
 function availableCellAddress(cellAddress: CellAddress): boolean {
 	return cellAddress.row >= 0 && cellAddress.col >= 0 && cellAddress.row < rows.value.length && cellAddress.col < columns.value.length;
 }
diff --git a/packages/frontend/src/components/grid/grid.ts b/packages/frontend/src/components/grid/grid.ts
index 8c4bc72fcd..1d84d0430a 100644
--- a/packages/frontend/src/components/grid/grid.ts
+++ b/packages/frontend/src/components/grid/grid.ts
@@ -34,7 +34,7 @@ export type GridColumn = {
 
 export type GridRow = {
 	index: number;
-	selected: boolean;
+	ranged: boolean;
 }
 
 export type CellValueChangedEvent = {