how can wrap data in table. if template name long scroll bar. want go in next line.
<table class="selectablepreviousorder dashboard"> <tr ng-class-odd="'tableodd'" ng-class-even="'tableeven'" style="cursor: pointer" ng-class="{highlightselectedsiterow: selectorderrow===$index}" ng-repeat="line in listofproducttemplates | orderby : '-creationdate'" sglclick="handlesingleclick(line.id)" ng-dblclick="handlesingleclick(line.id)"> <td width="20%" style="max-width: 162px; overflow: auto;" tooltip="{{line.tooltiplabel}}" tooltip-trigger="{{gettooltiptriggervalue(line)}}" tooltip-append-to-body="true" > <span style="margin-left: 5px; float: left">{{line.templatename}}</span></td> <td width="12%" tooltip="{{line.tooltiplabel}}" tooltip-trigger="{{gettooltiptriggervalue(line)}}" tooltip-append-to-body="true"><span style="margin-left: 5px; float: left">{{line.requesttype}}</span></td> <td width="24%" tooltip="{{line.tooltiplabel}}" tooltip-trigger="{{gettooltiptriggervalue(line)}}" tooltip-append-to-body="true"><span style="margin-left: 10px; float: left">{{line.product}}</span></td> <td width="18%" tooltip="{{line.tooltiplabel}}" tooltip-trigger="{{gettooltiptriggervalue(line)}}" tooltip-append-to-body="true"><span style="margin-left: 10px; float: left">{{line.creationdate | date : expirydateformatter}}</span></td> <td width="19%" tooltip="{{line.tooltiplabel}}" tooltip-trigger="{{gettooltiptriggervalue(line)}}" tooltip-append-to-body="true" ><span style="margin-left: 15px; float: left">{{line.creatorname }}</span></td> </tr> </table>
as mentioned in comments can css using:
style="word-wrap: break-word;"
have fun coding :)
Comments
Post a Comment