Angular UI Grid - при применении динамической высоты строки столбец свертывания и развертывания не синхронизируется с соответствующей строкой - PullRequest
Новая
       33

Angular UI Grid - при применении динамической высоты строки столбец свертывания и развертывания не синхронизируется с соответствующей строкой

0 голосов
/ 14 ноября 2018

проблема с кнопкой разворачивания коллапса Используя динамическую высоту строки в угловой UI-сетке, каждая строка получает высоту в соответствии со своим содержимым, но столбец растяжения / свертывания не выравнивается с соответствующей строкой. Мое требование - привести его в соответствие с соответствующей строкой. Если это требование выполнено, Grid не будет поврежден браузером, когда размер браузера будет изменен. Любое предложение о том, как заставить это работать? Благодарю.

это стили, которые я использовал .ui-grid-cell-content для контента под каждой ячейкой 

    .ui-grid-row, .ui-grid-cell 
      {
        height: auto !important;
      }

    .ui-grid-row div[role=row] 
     {
        display: flex ;
        align-content: stretch;
     }

    .ui-grid-viewport 
     {
        word-wrap: break-word;
        white-space: normal !important;
     }

    .ui-grid-cell-contents 
     {
        padding:5px;
        box-sizing: border-box;
        font-size: 14px;
        display: flex;
        align-items: center;
        white-space:normal !important;
        word-wrap: break-word !important;
     }

rowHeight указывается как 'auto' в GridOptions 

$scope.productGridOptions = {
data : 'Details',                            
rowHeight: 'auto',
columnDefs : [
    {
    },
    .
    .
    .
            ]

   };

Это изображение сетки, я столкнулся с проблемой: image

...