Javascript simplecart js，项目之间的空间属性

我正在尝试simpleCart（js），但在我的购物车中，所有项目属性都集中在一起。 我怎样才能把它们隔开

这是我的初始化脚本

<script>
   simpleCart({
   currency: "GBP",
   checkout: {
      type: "PayPal",
      email: "you@yours.com"
   },
   cartColumns: [
    { attr: "name", label: "Name" } ,
    { attr: "price" , label: "Price", view: 'currency' } ,
    { attr: "quantity" , label: "Qty" } ,
    { attr: "total" , label: "SubTotal", view: 'currency' } ,
    { view: "remove" , text: "Remove Item" , label: false }
],
cartStyle : "table"
   });

</script>

单纯形({
货币：“英镑”，
结帐：{
键入：“贝宝”，
电子邮件：“you@yours.com"
},
cartColumns：[
{attr:“name”，label:“name”}，
{attr:“价格”，标签：“价格”，视图：'货币'}，
{attr:“数量”，标签：“数量”}，
{attr:“总计”，标签：“小计”，视图：“货币”}，
{视图：“删除”，文本：“删除项”，标签：false}
],
cartStyle:“表”
});

这是我的购物车视图

<div class="cart">
<div class="simpleCart_items">   </div>',
<span class="simpleCart_quantity"></span> items - <span class="simpleCart_total">  
</span>
<a href="javascript:;" class="simpleCart_checkout">Checkout  </a>
<a href="javascript:;" class="simpleCart_empty">  Empty Basket</a>
</div>
</div>

',
项目-

---

有人能帮我吗？

你可以通过CSS样式来实现。只需使用此选择器

.cart.simpleCart\u items table tr th

并添加边距或填充。这取决于你

CSS应该如下所示：

.cart .simpleCart_items table tr th{
    padding: 8px;
}