как отображать с круглыми скобками в заголовках ui-grid?

Question

как отображать с круглыми скобками в заголовках ui-grid?

0

У меня есть массив объектов для отображения в 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>

но моя ui-сетка не отображает второй и третий столбцы из-за круглых скобок ('Nominal load (daN)' and 'Nominal static deflection (mm)') в заголовках

Imoum 21 июль 2016, в 16:19

Источник

Теги:

javascript

angularjs

angular-ui-grid

2 ответа

0

Я просто назвал "columnDefs" и "data" в 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;

Imoum 27 июль 2016, в 07:05

Ещё вопросы

Rajush · Accepted Answer · 2016-07-22T19-06-00.000Z

Вы можете сделать что-то подобное, чтобы свойство "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>

Я пробовал это раньше, но это не работает. Но я сделал это наконец. Я опубликую свое решение ниже.