固定表格宽度 超出显示...省略号

Posted 2020-11-10 果感

	　　　　<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>