Html 如何管理表格中的边框间距？

我有以下创建表的

ajax

函数：

$(function() {
    var table = $('<table id="table2">');
    $.each(data, function(i, item) {
    var $tr = $('<tr>').append(
    $('<td>').text(item.place.id),
    $('<td>').text(item.date), 
    );

     var $tr2 = $('<tr>').append(
     $('<td>').text(item.first),
      $('<td>').text(item.second));
      table.append($tr);
      table.append($tr2);

      $('#review').append(table);
 });

以下是我得到的结果：

我不明白为什么行距不同。“First direct…”、“First Canadian…”、“Secondig…”、“Third…”和“Fourth…”实际上是标题，这些标题下提到的内容属于它们。所以，我甚至更喜欢“儿童友好，绿色”更接近“第一直接…”而不是“第一加拿大人”

---

我试着用不同的数字表示

边框间距

，但没有效果。

我建议每次写东西时都使用“重置CSS”。如果有帮助，请告诉我，如果没有帮助，我将尝试重新创建它。

尝试提供生成的HTML的详细信息。JS不太可能是相关的（而且由于未定义

数据

，因此在当前状态下不太有用）。如果没有在单元格上设置

边框

，也很难看到边框间距。

#table2 {
   border-collapse: separate;
   border-spacing:1px 5px;
}