Javascript 我应该如何使用ejs垂直呈现表?
我有一个如下所示的数组:Javascript 我应该如何使用ejs垂直呈现表?,javascript,ejs,embedded-javascript,Javascript,Ejs,Embedded Javascript,我有一个如下所示的数组: quotation: [{ "dimension" : 0, "currency": "RMB", "quantity": "100", "price": "3", "factory": "rx"}, { "dimension" : 0, "curren
quotation: [{
"dimension" : 0,
"currency": "RMB",
"quantity": "100",
"price": "3",
"factory": "rx"},
{
"dimension" : 0,
"currency": "RMB",
"quantity": "200",
"price": "4",
"factory": "rx"},
{
"dimension" : 1,
"currency": "RMB",
"quantity": "100",
"price": "3",
"factory": "rx"},
{
"dimension" : 1,
"currency": "RMB",
"quantity": "200",
"price": "5",
"factory": "rx"},
{
"dimension" : 0,
"currency": "RMB",
"quantity": "100",
"price": "1.2",
"factory": "hsf"},
{
"dimension" : 0,
"currency": "RMB",
"quantity": "200",
"price": "2.4",
"factory": "hsf"},
{
"dimension" : 1,
"currency": "RMB",
"quantity": "100",
"price": "3",
"factory": "hsf"},
{
"dimension" : 1,
"currency": "RMB",
"quantity": "200",
"price": "4.5",
"factory": "hsf"}]
我应该如何使用ejs转换为下表
<table>
<tr>
<th>Dimension</th><th>Quantity</th><th>Factory: rx</th><th>Factory: hsf</th>
</tr>
<tr>
<td>0</td><td>100</td><td>3</td><td>1.2</td>
</tr>
<tr>
<td>0</td><td>200</td><td>4</td><td>2.4</td>
</tr>
<tr>
<td>1</td><td>100</td><td>3</td><td>3</td>
</tr>
<tr>
<td>1</td><td>200</td><td>5</td><td>4.5</td>
</tr>
</table>
尺寸数量工厂:RX工厂:hsf
10031.2
20042.4
110033
120054.5
我必须确保价格来自正确的工厂。如果html允许我逐列定义表,我认为这个问题很容易解决。但html表只允许我按行操作
非常感谢您的帮助。
<table>
<tr>
<th>Dimension</th><th>Quantity</th><th>Factory: rx</th>
</tr>
<% for (var i = 0; i < quotation.length; /* I save the data in a variable 'quotation', I don't know how you named your variable */ i++) { %>
<tr>
<td><%= quotation[i].dimension %></td>
<td><%= quotation[i].quantity %></td>
<td><%= quotation[i].factory %></td>
</tr>
<% } %>
</table>
尺寸数量工厂:rx
//创建表并从JSON对象获取数据
var table_body='Dimension Quantity Factory';
对于(var i=0;i
// Making a div tag and fetching its value to make table
<div id="tableDiv" style="margin-top: 40px">
var table_body = '<table border="1" id="example"><thead><tr><th> Dimension </th><th> Quantity </th><th>Factory</th></tr></thead><tbody>';
for(var i =0; i<quotation.length;i++){
table_body+='<tr>';
table_body +='<td>';
table_body +=`quotation[i].dimension`;
table_body +='</td>';
table_body +='<td>';
table_body +=quotation[i].Quantity;
table_body +='</td>';
table_body +='<td>';
table_body +=quotation[i].Quantity;
table_body +='</td>';
table_body+='</tr>';
}
table_body+='</tbody></table>';
$('#tableDiv').html(table_body);//display data of the table