simplecart js, пробел между атрибутами предметов

Question

Я пробую simpleCart(js), но в моей корзине все атрибуты предметов сгруппированы вместе. Как я могу их разнести?

Это мой сценарий инициализации

<script>
   simpleCart({
   currency: "GBP",
   checkout: {
      type: "PayPal",
      email: "[e-mail]"
   },
   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>

Это моя корзина

<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>

Может кто-нибудь мне помочь?

Answer 1

Вы можете достичь этого с помощью стилей CSS. Просто используйте этот селектор .cart .simpleCart_items table tr th и добавьте поле или отступы. Это зависит от вас.

CSS должен выглядеть так:

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