html - 如何在EJS中的表中的特定单元格中排列数据

Question

我试图在我的 home.ejs 上以表格格式显示记录，但在与一个特定记录关联的单个单元格中显示多个记录的编码时遇到问题

这里我对一个 Task_Name 有 3 条评论，根据我的代码，每行显示记录意味着显示 2X3 总共 6 行，但我需要显示一个 Task_Name - 所有评论都需要显示在单行中，然后我仅获取 2 行

抱歉解释太长，请提供逻辑或解决方案

电流输出

预期输出

输出屏幕截图

EJS 部分:

<% for(var i=0; i < status_info.length; i++) { %>
    <tr>
        <td><%= i+1 %></td> 
        <td><%= status_info[i].Task_Name %></td>
        <td><%= status_info[i].status_Name %></td>
        <td><%= status_info[i].Cmnt_Details %>
    </tr>
<% } %>

服务器.js:

app.get('/',(req, res)=>{
    var getQuery = "select * from table_info"        
    mysqlConnection.query(getQuery,function(err,result){
        if(err) throw err
        else {
            res.render('DashPrac',{status_info:result});
            // console.log(result.length)
        }
    })
});

我从数据库获取的数据

[ RowDataPacket {
Task_Name: 'Architecture Design',
Cmnt_Details: 'Trying to load the data in all the tables...',
status_Name: 'WIP' },
 RowDataPacket {
Task_Name: 'Architecture Design',
Cmnt_Details: 'Checked the details',
status_Name: 'WIP' },
 RowDataPacket {
Task_Name: 'Architecture Design',
Cmnt_Details: 'Testing is going on',
status_Name: 'WIP' },
 RowDataPacket {
Task_Name: 'Testing Plan',
Cmnt_Details: 'Teting plan to be prepared',
status_Name: 'InProgress' } ]

Answer 1

我同意上面@Dhruv的回答，但是如果您不想在 server.js 中进行任何更改，而是想使用 EJS，您的代码应该类似于:

<% 
var prevTask_Name = status_info[0].Task_Name;
var prevStatus_Name = status_info[0].status_Name;

for(var i=0; i < status_info.length; i++) {  
    <tr>
        <td>
%>
<%= i+1 %></td> 
<%  if(i == 0 )
    {
%>
        <td><%= status_info[i].Task_Name %></td>
<%  }
    else
    {
        if(status_info[i].Task_Name == prevTask_Name)
        {
%>
            <td>&nbsp;</td>
<%
        }
        else
        {
%>
            <td><%= status_info[i].Task_Name %></td>
<%      }
    }
    if(i == 0 )
    {
%>
        <td><%= status_info[i].status_Name %></td>
<%  }
    else
    {
        if(status_info[i].status_Name == prevStatus_Name)
        {
%>
            <td>&nbsp;</td>
<%      }
        else
        {
%>
            <td><%= status_info[i].Status_Name %></td>
<%      }
    }
%>  
        <td><%= status_info[i].status_Name %></td>
        <td><%= status_info[i].Cmnt_Details %>
<% 
prevTask_Name = status_info[i].Task_Name;
prevStatus_Name = status_info[i].status_Name;
} %>