码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-04 16:29:38      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:fixed   text   btn   时间   .repo   oca   ble   repo   cat   

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

  

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

标签:fixed   text   btn   时间   .repo   oca   ble   repo   cat   

原文地址:https://www.cnblogs.com/nelson-hu/p/9133235.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!