Как вставить в элемент строку с табуляцией?

Question

[Александр risok]

Пытаюсь вставить в ячейку таблицы методом innerHTML строку с табуляцией, к примеру ' номер имя'. Но это не работает, вся символы табуляции заменяются на пробел, и причём только один (пробелы тоже режутся).
Как с этим бороться?

Comments

[Александр risok]

Я понял, что это не комильфо и поэтому не работает, нужно просто добавить новые столбцы.

Answer 1

[Денис Букреев]

Ответ: ES6 и поддержка новых шаблонных строк

Если все еще используешь ES5, то это грустно.

Быстренько ставь babel и пиши код по новой спецификации.
В ней появился новый тип строк - шаблонные строки
element.innerHtml = `Мое имя ${myName}`;
Внутри можно сколько укодно ставить пробелов, табов. Можно прямо внутри записывать переменные (${variable}).

Подробнее

Answer 2

[Александр risok]

Ребят, кто костыль заказывал?

function tab(elem) { //Вставить табуляцию перед элементом
    var newTab = document.createElement('pre');
    newTab.innerHTML = '\t';
    newTab.style.display = 'inline';
    elem.parentNode.insertBefore(newTab, elem);
}

Comments

[Денис Букреев]

это больно

Answer 3

[Александр Филиппенко]

\t
так не работает?
	
А так?

Comments

[Александр risok]

Нет

[Александр Филиппенко]

Александр Ржаницын: отредактировал исходный коммент. Сюда спецсимволы не вставляются.

[Александр risok]

Александр Филиппенко: никак не работает

[Александр Филиппенко]

Александр Ржаницын: а 3-4 неразрывных пробела если?

[Александр risok]

Александр Филиппенко: я понял, что это не комильфо и поэтому не работает, нужно просто добавить новые столбцы.
А кому надо костыль снизу.