[Asp.Net]GridView中根据前后列之间的关联关系合并单元格
效果如下(合并同一列中相等且连续的N个单元格,但如果前一列没有合并的话,则后一列也不合并):

代码如下:
1
合并多列#region 合并多列
2
/**//// <summary>
3
/// GridView合并
4
/// </summary>
5
/// <param name="gdv">GridView</param>
6
/// <param name="startColumnIndex">起始列Index</param>
7
/// <param name="endColumnIndex">结束列Index</param>
8
public static void MergeGridViewRows(GridView gdv, int startColumnIndex, int endColumnIndex)
9
{
10
if (gdv == null || endColumnIndex < startColumnIndex || gdv.Rows.Count < 2)
11
return;
12
if (startColumnIndex < 0 || endColumnIndex > gdv.Columns.Count - 1)
13
throw new ArgumentOutOfRangeException("列Index超出GridView可用列的范围。");
14
EndColumnIndex = endColumnIndex;
15
MergeCellWithSubColumn(gdv, 0, 0, gdv.Rows.Count - 1);
16
}
17
private static int EndColumnIndex = 0;
18
19
/**//// <summary>
20
/// 合并当前列和后续列
21
/// </summary>
22
/// <param name="currentColumnIndex">当前列</param>
23
/// <param name="startRowIndex">起始行</param>
24
/// <param name="endRowIndex">结束行</param>
25
/// <summary>
26
private static void MergeCellWithSubColumn(GridView gdv, int currentColumnIndex, int startRowIndex, int endRowIndex)
27
{
28
if (currentColumnIndex > EndColumnIndex)//结束递归
29
return;
30
string preValue = GetCellValue(gdv,startRowIndex, currentColumnIndex);
31
string curValue = string.Empty;
32
int endIndex = startRowIndex;
33
for (int i = startRowIndex + 1; i <= endRowIndex + 1; i++)
34
{
35
if (i == endRowIndex + 1)
36
curValue = null;//完成最后一次合并
37
else
38
curValue = GetCellValue(gdv, i, currentColumnIndex);
39
if (curValue != preValue)
40
{
41
//合并当前列
42
MergeColumnCell(gdv, currentColumnIndex, endIndex, i - 1);
43
//合并后续列
44
MergeCellWithSubColumn(gdv, currentColumnIndex + 1, endIndex, i - 1);
45
endIndex = i;
46
preValue = curValue;
47
}
48
}
49
}
50
51
/**//// <summary>
52
/// 取得GridView中单个Cell的值
53
/// </summary>
54
/// <param name="gdv">GridView</param>
55
/// <param name="rowIndex">行Index</param>
56
/// <param name="columnIndex">列Index</param>
57
/// <returns></returns>
58
private static string GetCellValue(GridView gdv, int rowIndex, int columnIndex)
59
{
60
return gdv.Rows[rowIndex].Cells[columnIndex].Text;
61
}
62
63
/**//// <summary>
64
/// 合并同列中连续的N个单元格
65
/// 注意:这里只是隐藏后续的单元格,而没有删除单元格
66
/// 主要考虑到删除后会如下两种情况:
67
/// 1. PostBack后找不回来;
68
/// 2.通过rowIndex和columnIndex来定位单元格的过程会更复杂
69
/// </summary>
70
/// <param name="gdv">GridView</param>
71
/// <param name="columnIndex">列Index</param>
72
/// <param name="startRowIndex">起始行Index</param>
73
/// <param name="endRowIndex">结束行Index</param>
74
private static void MergeColumnCell(GridView gdv, int columnIndex, int startRowIndex, int endRowIndex)
75
{
76
gdv.Rows[startRowIndex].Cells[columnIndex].RowSpan = endRowIndex - startRowIndex + 1;
77
for (int i = startRowIndex + 1; i <= endRowIndex; i++)
78
gdv.Rows[i].Cells[columnIndex].Visible = false;
79
}


2


3

4

5

6

7

8

9



10

11

12

13

14

15

16

17

18

19


20

21

22

23

24

25

26

27



28

29

30

31

32

33

34



35

36

37

38

39

40



41

42

43

44

45

46

47

48

49

50

51


52

53

54

55

56

57

58

59



60

61

62

63


64

65

66

67

68

69

70

71

72

73

74

75



76

77

78

79

使用:
GridView的PreRender事件中调用:MergeGridViewRows(gridView,0,5)
也可以将上面的代码改成JS版本,在客户端执行。