在表格中显示多个值

Question

实际上，从同一列字段中的表中获取数据后，我必须在表的页面中显示。
在同一字段中，它将数据存储为逗号分隔的值。请参阅下面。

我想这样在ui中仅在表中显示列数据的一个字段。

Answer 1

您可以使用string.split(',')和js动态创建表。

var data = "100,200,300,400,500,600";
var split = data.split(",");
tableCreate();

function tableCreate() {
  var body = document.getElementsByTagName('body')[0];
  var tbl = document.createElement('table');
  tbl.setAttribute('border', '1');
  //Head
  {
    var tr = document.createElement('tr');
    var tdId = document.createElement('td')
    var textId = document.createTextNode("ID");
    var tdPartyId = document.createElement('td');
    var textPartyId = document.createTextNode("PartyId");
    tdId.appendChild(textId); 
    tdPartyId.appendChild(textPartyId); 
    tr.appendChild(tdId);  
    tr.appendChild(tdPartyId);    
    tbl.appendChild(tr);
  }  
  //body
  {
    for (var i = 0; i < split.length; i++) {
      var tr = document.createElement('tr');
      var tdId = document.createElement('td')
      var textId = document.createTextNode(i+1);
      var tdPartyId = document.createElement('td');
      var textPartyId = document.createTextNode(split[i]);
      tdId.appendChild(textId); 
      tdPartyId.appendChild(textPartyId); 
      tr.appendChild(tdId);  
      tr.appendChild(tdPartyId);    
      tbl.appendChild(tr);
    }    
  }
  body.appendChild(tbl)
}

结果：

Answer 2

首先使用data函数从split(",")创建数组。

然后使用数组创建表：

let data = "100,200,300,400,500,600";
var new_array= data.split(",");
$("body").append("<table border='1'><tr><th>ID</th><th>Party ID</th</tr></table>");
new_array.forEach(function(data,key){
   $("table").append("<tr><td>"+(key+1)+"</td><td>"+data+"</td></tr>");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

使用jquery可以轻松创建和附加元素