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


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

      

  • 相关阅读:
    206. 反转链表
    917. 仅仅反转字母
    哈希表的设计
    387. 字符串中的第一个唯一字符
    Mysql重连错误
    MySQL数据库的优化
    XML基础知识
    JS中的DOM与BOM
    JS中的函数,Array对象,for-in语句,with语句,自定义对象,Prototype
    表格标签,图片标签,框架标签,表单标签
  • 原文地址:https://www.cnblogs.com/nelson-hu/p/9133235.html
Copyright © 2020-2023  润新知