Question

我有一个像这样在ui-grid中显示的对象数组。

JS

var arr = [{
    'Reference': 1,
    'Nominal load (daN)': 'xx',
    'Nominal static deflection (mm)': 'yy'
}, {
    'Reference': 2,
    'Nominal load (daN)': 'xx1',
    'Nominal static deflection (mm)': 'yy1'
}, {
    'Reference': 3,
    'Nominal load (daN)': 'xx2',
    'Nominal static deflection (mm)': 'yy2'
}];

$scope.gridOptions= arr;

HTML

 <div ui-grid=" {data: gridOptions}" class="grid"> </div>

但由于标题中的括号（'Nominal load (daN)' and 'Nominal static deflection (mm)'），我的ui-grid不显示第二列和第三列

Answer 1

您可以执行以下操作，以便“field”属性从要映射的对象映射到属性，并且“displayName”可用于提供自定义名称：

的javascript：

 $scope.gridOptions = {
      columnDefs: [
        { field: 'Reference'
        },
        { field: 'Nominal load (daN)',
          displayName: 'Nominal load (daN)'
        },
        { field: 'Nominal static deflection (mm)',
          displayName: 'Nominal static deflection (mm)'
        }
       ],
      data: arr
   };

HTML：

<div ui-grid="gridOptions" class="grid"></div>

Answer 2

我刚刚打电话给#de; columnDefs＆＃39;和＆＃39;数据＆＃39;在HTML中，然后我试图用JS填充它。

HTML

<div ui-grid=" {data: gridOptions, columnDefs: gridColumns, enableColumnMenus: false}" ui-grid-pagination class="grid"> </div>

<强> JS

$scope.setColumnDefs = function() {

      var columnDefs = [{
        field: 'ref',
        displayName: 'Référence'
      }, {
        field: 'charge',
        displayName: 'Charge nominale (daN)'
      }, {
        field: 'fleche',
        displayName: 'Flèche sous charge nominale (mm)'
      }];

    $scope.gridColumns = columnDefs;
  };
$scope.setColumnDefs();
$scope.gridOptions = data;

如何在ui-grid标题中用括号显示？

2 个答案: