关于将数据库取得的值如何匹配显示

Question

这是从数据库查询得到的值

可以看出数据都是[x,y]的格式，而一个名称可能会由多个x,y组成，x代表设备名称，对应下表

y则是代表合格情况，在前端显示的只有y，但要根据x显示在相应的位置，例如

怎么做到这一点？
前端是jsp，后台是Java，数据库是mysql。显示代码如下

 <table border="1" align="center">
    <tr>
        <td align="center">船名</td>
<%
    List<DetectItem> list = (List<DetectItem>)request.getAttribute("list");
    if(list == null || list.size() <1 ){
        out.print("没有数据!");
    }else{
        for(DetectItem di : list){
            String[] ItemName = {"di.getItemName"};
            for(int i=0;i<ItemName.length;i++){
        %>
        <td align="center"><%=ItemName[i]%></td>
    <%}
    }
}%>
    </tr>
</table>

Answer 1

船名用自定义属性存储concat后的值，遍历下就行了

<table border="1">
    <tr><td>船名</td><td>北斗</td><td>AIS</td><td>雷达应答器</td><!---更多类型--></tr>
    <tr><td value="2,1">船1</td><td></td><td></td><td></td></tr>
    <tr><td value="1,2,2,2">船2</td><td></td><td></td><td></td></tr>
</table>
<script>
    var kvState = { 1: '合格', 2: '不合格' }//是否合格映射，不懂你的1,2是否表示这个意思
    var kvTD = { 1: 2, 8: 1, 2: 3 };//DetectItem值对应table中的第几列（注意是从0开开始），如果你按照你的表中id排列下来可以省略这个对应关系
    var tds=document.querySelectorAll('td[value]');
    for (var i = 0; i < tds.length; i++) {
        var tr = tds[i].parentNode//得到tr
        var arr = tds[i].getAttribute('value').split(',');
        for (var k = 0; k < arr.length; k += 2) {
            tr.cells[kvTD[arr[k]]].innerHTML = kvState[arr[k + 1]];
        }
    }
</script>