Интервалы с таблицами - PullRequest
Новая
       51

Интервалы с таблицами

0 голосов
/ 16 марта 2020

Я знаю, что вопрос, подобный этому, задавался ранее, но они не очень помогают в моей ситуации ...

Я делаю свою собственную систему POS (точка продажи) , и я пытаюсь использовать таблицы для списка элементов, который появляется слева (я поставлю картинку ниже). Моя проблема в том, что после появления первого предмета между ним и остальными предметами возникает огромный разрыв. Кто-нибудь может мне помочь исправить это?

Кроме того, кто-то может сказать мне, как я могу сделать так, чтобы цены поднялись полностью вправо? Я умею немного стилизовать, но не совсем уверен при использовании таблиц ...

Элемент вводится при нажатии кнопки «Ввод» и запуске функции «Ввод». 

function enter() {
var item = document.getElementById('itemsContent');
var dialogue = document.getElementById('dialogueModal');
var number = document.getElementById('numbersModal');

if ((dialogue.innerHTML == "") && (number.innerHTML == "0.00")) {
    alert('Select item! Enter price!')
}
else if (dialogue.innerHTML == "") {
    alert('Select item!')
}
else if (number.innerHTML == "0.00") {
    alert('Enter price!')
}

else {
    var newItem = "<tr><td>";
    var value = convertToDollarString(number.innerHTML);
    newItem += dialogue.innerHTML;
    newItem += "</td><td>$";
    newItem += value;
    newItem += "</td></tr>";
    dialogue.innerHTML = "";
    dialogue.innerHTML = "";
    item.innerHTML += newItem;
    number.innerHTML = "0.00";
    itemPrices.push(parseFloat(value)); // itemPrices is the list for the prices; push adds value to list; parseFloat converts from string to float
    updateTotalPrice();
}

}

Вот код HTML для таблицы: 

<div id="side">
        <table id='itemsContent'></table>
        <div id="totalContainer">Total: $<span id='totalPrice'>0.00</span></div>

        <input type='button' id='totalButton' value='TOTAL SALE' onclick='total()'>
    </div>

Вот скриншот того, как это выглядит:

[1 ]: https://i.stack.imgur.com/YymQO.png

Заранее спасибо!

...