文档章节

css 标签太长的时候隐藏为点点

潇潇程序缘
 潇潇程序缘
发布于 2017/06/26 14:19
字数 171
阅读 43
收藏 0

输入图片说明

js中css样式

    innerHTML +=
            "<tr>" +
                //css样式
            "<td  style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px;' title="+resource.id + ">"+"<a href='/admin/shareComplainDetail.jsp?id=" + id + "'>" + resource.id + "</a></td>" +
            "<td style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px;' data-toggle='tooltip' data-placement='top' title="+resource.customerId+">" + resource.customerId + "</td>" +
            "<td>" + resource.customerName + "</td>" +
            "<td>" + resource.complaintReasonDes + "</td>" +
            "<td style='overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px;' title="+ resource.merchantId + ">" + resource.merchantId + "</td>" +
            "<td>" + resource.merchantName + "</td>"+
            "<td>" + resource.complaintStatus + "</td>"+
            "<td>" + lastTime + "</td>"
html
    //table中table-layout:fixed;必须写
    <table class="table table-striped table-hover"
                       style="width:100%;font-size: 14px;border-radius: 0px;table-layout:fixed">
                    <thead>
                    <tr>
                        <th>投诉单号</th>
                        <th>买家ID</th>
                        <th>买家名称</th>
                        <th>投诉主题</th>
                        <th>卖家ID</th>
                        <th>卖家名称</th>
                        <th>投诉状态</th>
                        <th>投诉时间</th>
                    </tr>
                    </thead>
                    <tbody id="userList">
                    </tbody>
                </table>

© 著作权归作者所有

潇潇程序缘
粉丝 6
博文 102
码字总数 20121
作品 0
成都
程序员
私信 提问
Tumblr、点点、新浪Qing的比较

轻博客是一种介于博客和微博之间的一种网络服务。在国外,2007年4月推出的Tumblr一直在轻博客市场中居于领先地位,很多知名人士和大型媒体公司都使用Tumblr网站。 因为种种原因,Tumblr并不支...

清凌渡
2011/07/05
2K
13
纯css实现多行文本截断

概述 是一个不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合...

gongzhen
2016/07/07
0
0
Vue中的基础过渡动画原理解析

前言 在日常开发中 动画是必不可少的一部分 不仅能让元素直接的切换显得更加自然 同时也能极大的增强用户体验 因此 在Vue之中也提供了非常强大的关于动画这方面的支持 Vue不仅支持用CSS来写一...

皮蛋和豆树
2018/12/04
0
0
如何设计一个交互好转化率高的表单

表单在网页设计、app或者软件界面当中被广泛的使用,因而表单设计是个比较重要的工作。一个好的表单,不仅仅是界面设计上的体现,表单的交互和体验也尤为重要。本文总结了表单设计的八大技巧...

郑乔尹在旅游
2017/11/16
0
0
jquery插件制作 -- 6.手风琴Panel

  我们今天要做的是手风琴panel,jquery.ui里面有个叫做accordtion的插件,我们要实现的效果和他一样。   首先我们还是创建一个html文件,里面包含如下的html结构。         firs...

bill.kang
2012/08/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0
学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
今天
8
0
VMware vSphere的两种RDM磁盘

在VMware vSphere vCenter中创建虚拟机时,可以添加一种叫RDM的磁盘。 RDM - Raw Device Mapping,原始设备映射,那么,RDM磁盘是不是就可以称作为“原始设备映射磁盘”呢?这也是一种可以热...

大别阿郎
今天
12
0
【AngularJS学习笔记】02 小杂烩及学习总结

本文转载于:专业的前端网站☞【AngularJS学习笔记】02 小杂烩及学习总结 表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy ......

前端老手
昨天
16
0
Linux 内核的五大创新

在科技行业,创新这个词几乎和革命一样到处泛滥,所以很难将那些夸张的东西与真正令人振奋的东西区分开来。Linux内核被称为创新,但它又被称为现代计算中最大的奇迹,一个微观世界中的庞然大...

阮鹏
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部