如何在三列中显示数据

Question

我使用AJAX将所有数据加载到表中。目前，所有数据都显示为单独的行，但处理100行时，我希望它显示为3列。示例：如果有30个数据，一列中的前10个，另一列中的下一个10，依此类推。

以下是我目前的代码。请告知如何继续：

$('form').on('submit', function (e) {
  e.preventDefault();

  $.ajax({
    type: 'post',
    url: "{{ url('codes1/')}}",
    data: $('form').serialize(),
    success: function (data) {

      if (data) {
        if(data == "error"){
          alert("Please enter number between 1 - 200");
        }

        var json_obj = $.parseJSON(data);

        //parse JSON
        var output = "<tr class='ddd'>";

        for (var i in json_obj) {

          var code = json_obj[i].code;
          var code_no = json_obj[i].code_no;

          output += "<td style='border: none!important'></td>" +
                    "<td style='border: none!important'>" + code_no + "</td>" +
                    "<td style='border: none!important'><span style='float: left' '>" + code + "</span></td>";

          output += "</tr>";
        }

        $('#span2').html(output);
      }
    }
  });
});