uiグリッド列のアラインメントの問題（角度js）

Question

アプリケーションのUIグリッドには多くの列があります。私は彼らにこのすべてを表示しようとすると、しかし、私のグリッド列がどのように見えるか：

ヘッダはありませんが、いくつかは、どのような値があり、それは大きな問題であることです。私が持っている

グリッドオプション...

this.getGridOption = function (uiScrollOption, BestIndicatorParam, paginationPageSize, enableRowSelection, enableRowHeaderSelection, 
    enableSelectAll, enableColumnResize, enableGridMenu, enableFiltering) { 


    return { 
     enableRowSelection: typeof enableRowSelection !== 'undefined' ? enableRowSelection : false, 
     enableRowHeaderSelection: typeof enableRowHeaderSelection !== 'undefined' ? enableRowHeaderSelection : false, 
     enableFiltering: typeof enableFiltering !== 'undefined' ? enableFiltering : false, 
     enableSelectAll: typeof enableSelectAll !== 'undefined' ? enableSelectAll : false, 
     enableColumnResize: typeof enableColumnResize !== 'undefined' ? enableColumnResize : true, 
     rowHeight: 55, 
     paginationPageSize: typeof paginationPageSize !== 'undefined' ? paginationPageSize : 5, 
     paginationPageSizes: [5, 10], 
     enablePaginationControls: false, 
     enableVerticalScrollbar: 0, 
     //enableHorizontalScrollbar: typeof uiScrollOption !== 'undefined' ? uiScrollOption : 0, 
     enableHorizontalScrollbar:1, 
     enableGridMenu: typeof enableGridMenu !== 'undefined' ? enableGridMenu : true, 
     showGridFooter: false, 
     columnDefs: this.columnDef, 
     data: '' 
    } 
}; 

私は4-5の列を表示するとき、それは結構ですが、私はそれらを表示するとき、すべてこの問題は迷惑ですしています。何をする必要があります。助けてください。

また、水平スクロールバーを有効にする必要があります。それもうまくいかない。

私はuiGridConstants.scrollbars.ALWAYSを与えようとしました。

しかし、動作しませんでした。

Answer 1

column widthを次のように指定する必要があります。

columnDefs: [ 
        { 
         name: app.localize('IplNumber'), 
         field: 'id', 
         width: 100, 
        }, 
        { 
         name: app.localize('BrDateReceived'), 
         field: 'bpoHeaderPerformedForsOutput[0].dateReceived', 
         width: 140, 
        }, 
], 

Horizontal Scroll barを有効にするには、次のように指定する必要があります。

enableHorizontalScrollbar: uiGridConstants.scrollbars.WHEN_NEEDED,