UI Grid AngularJS：单元格过滤器重新对齐表数据

Question

I want the table content to be right aligned in the cell. I am exporting the data using pdfmake within AngularJS.

When I apply this filter to the table data it left aligns the table data. Here is the filter:

app.filter('rentalFilter', function () {
  return function (value, scope) {
    // Only perform logic if the value is actually defined
    if(typeof value != 'undefined') {
        if(value == null || value == "")
            value = 0;
        value = value.toFixed(2);
        if(value >= 0) {
            var parts=value.toString().split(".");
            return parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + (parts[1] ? "." + parts[1] : "");
        }
        else {
            value = value * -1.00;
            value = value.toFixed(2);
            var parts=value.toString().split(".");
            return "-" + parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + (parts[1] ? "." + parts[1] : "");
        }
    }
  };
});

Without this filter, exporterPdfAlign: 'right' aligns all the content within each column.

{
        name : 'mondayNet',
        displayName : 'Net',
        category : "MONDAY",  
        exporterPdfAlign: 'right',
        width : '14%',  
        cellTemplate : 'app/views/common/templates/cell/pos-neg-cell-template.html',
        footerCellTemplate : '<div class="ui-grid-cell-contents text-center" ng-class="{positive : col.getAggregationValue() > 0, negative : col.getAggregationValue() < 1}">{{col.getAggregationValue() | number : 2}}</div>',
        aggregationType : uiGridConstants.aggregationTypes.sum,
        enableColumnMenu : false
    },

How can I apply the right alignment for text within the filter? Thanks

Answer 1

Within

$scope.export()

which is what exports all the data as a pdf, i added this that right aligns all the data under each column

 var alignRight = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
      angular.forEach(content.content[0].table.body, function(row, rowIndex) {
        if (rowIndex !== 0) {
            angular.forEach(row, function(column, columnIndex) {

                if (alignRight.indexOf(columnIndex) !== -1) {

                    content.content[0].table.body[rowIndex][columnIndex] = {
                            text: content.content[0].table.body[rowIndex][columnIndex],
                            alignment: 'right'
                    };
                }
              });
        }
      });