固定表格宽度 超出显示...省略号
<table class="table table-hover table-responsive table-striped table-layout-fixed "> <thead class="colored-header"> <tr> <th class="text-left" width="15%">事件编号</th> <th class="text-left" width="20%">事件名称</th> <th class="text-left" width="10%">提报时间</th> <th class="text-center" width="10%">提报人</th> <th class="text-center" width="15%">发生地点</th> <th class="text-center" width="10%">级别</th> <th class="text-center" width="5%">状态</th> <th class="text-center" width="5%">操作</th> </tr> </thead> <tbody> <tr ng-if="results.length == 0"><td colspan="8">没有可以匹配的信息</td></tr> <tr ng-repeat="event in results"> <td class="text-left">{{event.number}}</td> <td class="text-left content-ellipsis">{{event.name}}</td> <td class="text-left content-ellipsis">{{event.createTime | withMinute}}</td> <td class="text-center content-ellipsis">{{event.reporter}}</td> <td class="text-center content-ellipsis">{{event.locationDescription}}</td> <td class="text-center content-ellipsis">{{event.level}}</td> <td class="text-center content-ellipsis">{{event.state}}</td> <td class="text-center"> <a ng-if="action !== 'Draft'" ng-click="open('/patrol/events/execute', 'PatrolEventExecuteCtrl', 'lg', {id: event.id})" class="btn btn-primary btn-xs" >详情</a> <a ng-if="action === 'Draft'" ng-click="open('/patrol/events/edit', 'PatrolEventEditCtrl', 'lg', {id: event.id})" class="btn btn-primary btn-xs" >详情</a> </td> </tr> </tbody> </table>