How to add whitespace in javascript?

Question

I have the codes below:

    var viewModel = kendo.observable({ SampleData: @Html.Raw(Json.Encode(Model))});
    var genRange = "       ";
    var genStan;

    $.each(viewModel.SampleData, function(idx, obj){ 
        $.each(obj, function(key, value) {
            if(key.toString() === "GenabRange") { genRange = value; }
            if(key.toString() === "GenabStanine") { genStan = value; }
        });

        var obj = {
            GenReasoning: genRange + "        " + genStan
        };

        stud.push(obj);

    });

The whitespaces I've added "GenReasoning: genRange + " " + genStan" doesn't work. What is the problem?

Can anyone help me with this?

Example results:

    GenabRange = Cat
    GenabStanine = Foo

    Output
       GenReasoning = Cat Foo

    Expected Output
       GenReasoning = Cat        Foo

Thanks

Please define "doesn't work". What are you getting, and what are you expecting to get? — Amadan, Aug 28 '14 at 01:56
Are you putting the contents of `obj.GenReasoning` into the HTML DOM? — Zaenille, Aug 28 '14 at 01:57
@MarkGabriel good point, in which case the answer below won't work. I would suggest unicode — Max, Aug 28 '14 at 01:59
you can refer to this post: http://stackoverflow.com/questions/10474696/how-to-preserve-whitespace-in-dynamically-added-javascript-dom-element — Yuan Shing Kong, Aug 28 '14 at 02:07
Note: While the question I chose as a duplicate deals with `\n`, the same applies to whitespace in general. — Niet the Dark Absol, Aug 28 '14 at 02:11

score 1 · Answer 1 · answered Aug 28 '14 at 01:57

1

Use this code:

var genRange = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";

and this code:

var obj = {
    GenReasoning:genRange+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+genStan
};

Notes:

&nbsp; means 'non-breakable space',
browsers will render this as exactly 1 space
instead of combining them

answered Aug 28 '14 at 01:57

jondinham

8,271
17
80
137

This question was answered before, why not just redirect him? – Max Aug 28 '14 at 01:58
4

It might be better if you explained to him what ` ` is rather than just spoonfeeding him the correct code. :D – Zaenille Aug 28 '14 at 01:58
1

@MarkGabriel, added explanation, not just 'spoonfeeding' anymore, :) – jondinham Aug 28 '14 at 02:01
Tried this one but it doesn't work – RJ Uy Aug 28 '14 at 02:04

How to add whitespace in javascript?

1 Answers1