在我的应用程序的 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。
但是没用。
最佳答案
您必须按如下所示提供列宽
。
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,
关于javascript - angular js中的ui网格列对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37004487/