отображать несколько значений в таблице

Question

На самом деле я должен отобразить на странице в таблице после извлечения данных из таблицы из того же поля столбца.
В том же поле Он хранит данные в виде значений, разделенных запятыми. пожалуйста, смотрите ниже.

Я хочу показать в таблице только одно поле данных столбца в пользовательском интерфейсе, как это.

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