Javascript 如何在三列中显示数据

我正在使用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);
      }
    }
  });
});

$（'form'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
$.ajax({
键入：“post”，
url:“{url（'codes1/'）}}”，
数据：$（'form'）。序列化（），
成功：功能（数据）{
如果（数据）{
如果（数据=“错误”）{
警报（“请输入1-200之间的数字”）；
}
var json_obj=$.parseJSON（数据）；
//解析JSON
var输出=”；
for（json_obj中的变量i）{
var code=json_obj[i]。代码；
var code_no=json_obj[i]。code_no；
输出+=“”+
“”+代码\u否+“”+
“请添加有关您正在使用的CSS库和此纯Javascript的更多信息，因此，我正在从标记中删除Laravel。该示例有点混乱，与代码不匹配（您总是在3列中显示所有内容）。此外，代码有一个错误：您多次关闭
，但只打开了一次。