zoukankan      html  css  js  c++  java
  • 固定表格宽度 超出显示...省略号

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

      

  • 相关阅读:
    sweep line 扫描线模型
    双指针&整数二分思路总结
    ELF文件格式
    flask-migrate数据库迁移出现sqlalchemy.exc.OperationalError: (_mysql_exceptions.OperationalError) (2059, <NULL>)
    腾讯面试题
    zabbix 调用飞书发送消息
    NFS服务部署
    Linux系统启动
    电商系统nuxt的布局目录代码分享
    电商系统中进行流量控制
  • 原文地址:https://www.cnblogs.com/nelson-hu/p/9133235.html
Copyright © 2011-2022 走看看