Use a row template as demo'ed here : http://demos.kendoui.com/web/grid/rowtemplate.html.  Then apply text-align:right CSS on the td representing the currency cell.

You might get the same effect using columns format and attributes options...
columns: [
    { field: "Value", width: 20, title: "Value", format:"n2", attributes:{style:"text-align:right;"}}
]
Or by defining a CSS:
/// CSS
.numbers {
text-align: right;
}

/// JavaScript
columns: [
    { field: "Value", width: 20, title: "Value", format:"n2", attributes:{class:"numbers"}}
]

But, of course, this does not solve your last question about alignment while editing... For getting it, you should play with editor, something like:

columns: [
    {
        field: "Value",
        width: 20,
        title: "Value",
        format:"n2", 
        attributes:{class:"numbers"},
        editor: function(container, options) {
                            $('<input type="text" ' +
                                    'name="' + options.field + '" ' +
                                    'data-type="number" ' +
                                    'data-bind="value:' + options.field + '" ' +
                                    'data-role="numerictextbox" ' +
                                    'class="k-input numbers"/>').appendTo(container);
                        }}
    }
]

This should align it right in edit mode but also validate that you do not type letters or other illegal characters.

For aligning the data when batch editing, you can simply add css to accomplish this.

Each editable input field has a unique id when editing (it's usually the same as the column header name).

For example, if your column is called Purchase Price, the id of the editable field is probably PurchasePrice.

Add the following css to right align the Purchase Price column when editing it's value:

input#PurchasePrice {
    text-align: right;
}