таблицы данных выровнены по правому краю

Question

это кажется простым вопросом, у меня есть код от предыдущего разработчика, где все таблицы данных генерируются кодом без HTML, кроме простого div.Так что в основном плагин работает отлично и отображает несколько столбцов, но один из них является валютой, и мне нужно выровнять его с наименьшим усилием, так как этот код уже находится в prod

$(tableSelector).DataTable({
                        data : [],
                        columns : vm.DataTableColumns,
                        order : containerConfig.SortOrder,
                        lengthMenu : [5, 10, 100],
                        deferRender : true,
                        footerCallback : function ( row, data, start, end, display ) {
                            var api = this.api(), data;

                            // Remove the formatting to get integer data for summation
                            var intVal = function ( i ) {
                                return typeof i === 'string' ?
                                    i.replace(/[\$,]/g, '')*1 :
                                    typeof i === 'number' ?
                                        i : 0;
                            };

                            // Total over all pages
                            total = api
                                .column( containerConfig.columnToTotal )
                                .data()
                                .reduce( function (a, b) {
                                    return intVal(a) + intVal(b);
                                }, 0 );

                            // Update footer
                            $( api.column( containerConfig.columnToTotal ).footer() ).html(
                                'Total: ' + total
                            );

                        }
                    }).on('draw.dt', function (e, settings, processing) {
                        // Make sure the UserPresence is added every time the DataTable's data changes (paging, sorting, search,..)
                        spService.UserPresenceComponent.AddPresence();
                    });
                    // Make component visible
                    $(componentSelector).css("visibility", "visible");

Я думаюэто единственный соответствующий код, но я могу вставить больше, если это необходимо

Answer 1

Вы можете изменить стиль столбца в свойстве столбцов.

Предполагая, что данные, предоставленные из vm.DataTableColumns , выглядит примерно так:

columns: [
    { data: "id" },
    { data: "currency" },
]

Вы можете добавить опцию className.

columns: [
    { data: "id" },
    { data: "currency", className : "yourClass" },
]

Данные столбцов

Столбцы ClassName