How to do wrap text in 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>';

I am new to angularjs .
This is my code to wrap text in ui-grid but its not effecting in column.
Can any help me to do wrap content in cells in anguarjs.

Seth Allison · Accepted Answer · 2018-04-03 23:04:57Z

4

Use the following CSS code to allow text wrapping in 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 */

answered Apr 3, 2018 at 23:04

Seth Allison

815 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to do wrap text in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related