隐藏或删除每个对象的HTML表中的重复数据

我从数据库中获取了一些数据，其中包含连接，它会重复值

基本上是这样的。唯一唯一唯一的值是ticket

!  Reference  |  Localization  |  Ticket  |
|   M13000    |      MP1       |     1    |
|   M13000    |      MP1       |     2    |
|   M13000    |      MP1       |     3    |
|   M13000    |      MP1       |     4    |
|   M13000    |      MP2       |     7    |
|   M13000    |      MP2       |     8    |
|   M13000    |      MP2       |     9    |
|   M13001    |      MP1       |     11   |
|   M13001    |      MP1       |     12   |
|   M13001    |      MP1       |     13   |
|   M13002    |      MP4       |     15   |
|   M13002    |      MP4       |     16   |

打印此数据时，我正在寻找以下输出

!  Reference  |  Localization  |  Ticket  |
|   M13000    |      MP1       |     1    |
|             |                |     2    |
|             |                |     3    |
|             |                |     4    |
|             |      MP2       |     7    |
|             |                |     8    |
|             |                |     9    |
|   M13001    |      MP1       |     11   |
|             |                |     12   |
|             |                |     13   |
|   M13002    |      MP4       |     15   |
|             |                |     16   |

基本上是有层次的,

引用有本地化，本地化有票证

我使用C#和liq完成了这项工作，通过许多循环，并将所有内容映射到对象中。虽然给出的最终结果是正确的，但是在html上处理布局很困难，特别是因为我的要求之一是最大化每页的空间，所以我将表拆分为每页2列

差不多是这个

  |  Reference   |  Localization   |   Ticket    |   |  Reference   |  Localization   |   Ticket    |
  |  Reference   |  Localization   |   Ticket    |   |  Reference   |  Localization   |   Ticket    |
  |  Reference   |  Localization   |   Ticket    |   |  Reference   |  Localization   |   Ticket    |
  |  Reference   |  Localization   |   Ticket    |   |  Reference   |  Localization   |   Ticket    |
  |  Reference   |  Localization   |   Ticket    |   |  Reference   |  Localization   |   Ticket    |
  |  Reference   |  Localization   |   Ticket    |   |  Reference   |  Localization   |   Ticket    |

因此，我认为在一个列表中获取所有数据并在前端处理其余数据要容易得多，但我似乎不知道如何获得预期的结果

下面是一个用于测试的代码示例

参考
本地化
票
M13000
MP1
1.
M13000
MP1
2.
M13000
MP2
3.
M13000
MP2
4.
M13001
MP2
5.
M13001
MP3
6.

无论何时打印

参考值

和

本地化值

时，请将它们与以前存储的值进行比较，并且仅当它们不同时才打印它们

不确定如何用HTML打印该表，但我所描述的应该很容易用任何前端语言实现

下面是一段简短的代码，描述了我所说的：

const字段=[
['M13000'，'MP1'，1]，
['M13000'，'MP1'，2]，
['M13000'，'MP1'，3]，
['M13000'，'MP1'，4]，
[M13000'，MP2'，7]，
[M13000'，MP2'，8]，
[M13000'，MP2'，9]，
[M13001'，MP1'，11]，
[M13001'，MP1'，12]，
[M13001'，MP1'，13]，
[M13002'，'MP4'，15]，
[M13002'，MP4'，16]
];
var div=document.getElementById（'out'）；
var prevRef，prevLoc；
for（设i=0；i”；
div.innerHTML+=输出；
prevRef=字段[i][0]；
prevLoc=字段[i][1]；
}

span{
显示：内联块；
宽度：80px；
填充：0 8px；
文本对齐：居中；
字体大小：9px；
线高：10px；
}
p{
保证金：0；
}