如何在angularjs中包装文本

Question

 var serviceAddressTemplate = '<div class="grid-tooltip" tooltip="{{ row.entity.SPServiceRequest_address }}" tooltip-placement="top" tooltip-append-to-body="true"><div class="ui-grid-cell-contents">{{ row.entity.SPServiceRequest_address }}</div></div>';

我是angularjs的新手 这是我在ui-grid中包装文本的代码，但它不会影响列 我可以帮助我在anguarjs的细胞中包裹内容。

Answer 1

使用以下CSS代码允许在uigrid

中进行文本换行

/* CSS to allow text wrapping */
.ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
}

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

.ui-grid-row div[role=row] {
  display: flex ;
  align-content: stretch;
}
/* End of CSS to allow text wrapping */