thinkphp5: 循环输出表格,并固定表格单元宽度(过长省略号)

html:

<table class="table table-striped" style=‘table-layout:fixed;‘>
				                  <thead class="table_head">
					<tr>
						<th><input type="checkbox"></th>
						<th>编号</th>
						<th>标题</th>
						<th>类别</th>
						<th>时间</th>
						<th>内容</th>
						<th>观看次数</th>
						<th>发布人</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					{volist name="blogs" id=‘vo‘}
					<tr>
						<td><input type="checkbox"></td>
						<td>{$vo.blog_id}</td>
						<td>{$vo.title}</td>
						<td>{$vo.class}</td>
						<td>{$vo.time}</td>
						<td>{$vo.content}</td>
						<td>{$vo.watch_num}</td>
						<td>{$vo.owner}</td>
						<td><a>删除</a></td>
					</tr>
					{/volist}
				</tbody>
			</table>

 css:

.table tbody tr td{
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
 }

  

原文地址:https://www.cnblogs.com/yinwei-space/p/10590280.html

时间: 2024-08-24 17:21:50

thinkphp5: 循环输出表格,并固定表格单元宽度(过长省略号)的相关文章

For循环输出一个表格

<!-- 作者:郑伟钊 时间:2017-01-16 描述:通过一个循环的嵌套输出一个表格 --> <?php header("Content-type:text/html;charset=utf-8"); //如果不加这一行,输出的中文会乱码 echo '<table border="1px" width="800" align="center">' ; //设置表格的边框为1px,宽度为800(

php笔记三:循环的使用(循环输出表格)

循环有三种情况:1.for循环格式: for(循环变量的初始化:循环条件:循环变量的递增){循环体} 2.while循环格式: while(条件){ 循环体 } 3.do while循环格式: do { 循环体 } while(条件):注意:while语句后面的分号 注意:1).for循环适用于有规律的循环,用的比较多2).while和do while的区别:while循环可能一次也不执行,而do while循环至少执行一次 例子: <?php /** 循环输出一张表格,分别使用for循环.wh

table拖动(兼容Firefox 3.5/IE6),固定表格宽度

效果:可鼠标拖动td,动态修改它们的宽度 html: <html> <head> <title>table拖动(兼容Firefox 3.5/IE6),固定表格宽度</title> <meta content="charset=utf-8"> <link rel="stylesheet" href="css/22.css" /> </head> <body&g

Thinkphp5+PHPExcel实现批量上传表格数据功能

http://www.jb51.net/article/129262.htm 1.首先要下载PHPExcel放到vendor文件夹下,我的路径是:项目/vendor/PHPExcel/,把下载的PHPExcel文件放在这里 2.前端代码 <!DOCTYPE html> <html> <head> <title>批量导入数据</title> </head> <body> <form action="{:url

jquery实现的统计table表格指定列的单元格值的和

jquery实现的统计t]able表格指定列的单元格值的和:在一些应用中,表格单元格中存放的都是数字,比如学生的分数,那么就有可能将这些分数做加法运算来统计出总分数,下面就通过代码实例介绍一下如何统计某一列单元格中值的和.代码实例: <!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http

javascript如何便利表格中的行和单元格

javascript如何便利表格中的行和单元格:尽管现在普遍使用div布局来替代表格,这并不说明table是一无是处的,在制作表格类型的结构的时候还是使用table更为有效.在实际应用中有时候需要便利表格中的行和单元格,下面就通过实例简单介绍一下如何实现此功能.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author&quo

ASP.NET 如何固定表格表头(fixed header)

[摘要]本文介绍ASP.NET 如何固定表格表头(fixed header),并提供详细的示例代码供参考. 你在HTML中渲染一张表格(可能是GridView或者Repeater),如果表格的行数太多,你就得向下拖东滚动条,但你一旦向下拖动滚动条,表头的信息就不见了.具体见下图. 向下拖动滚动条后,表头信息消失: 在本文中,我向大家讲解如何固定住表头.网上可以搜索到很多种方法来实现这个功能,但这些方法基本的原理都是一样的.就是利用div,将表头的信息复制到表身之上的一个div中. 1 <div>

固定表格四周,实现表格上下左右滚动

问题:  最近做项目统计的时候碰见一个特定的需求,要求表格上下滚动时,表格头尾固定:左右滚动的时候表格,表格第一列最后一列固定. 先上效果图可能会更明了些: 左右滚动时,两列固定,头尾中间部分跟着滚动. 上下滚动时,头尾固定,第一列和最后一列中间部分跟着滚动. 思路: 思考了很久发现,如果单纯的用表格基本很难实现,上下滚动的时候存在相互矛盾的地方.最后换了个思路去用div布局,仿表格设计,来实现这样的效果. 解决:    1.整体布局:分为上中下三部分,即header,body,footer三个

[Xcode10 实际操作]五、使用表格-(3)设置UITableView单元格图标

本文将演示如何给表格行设置图标. 打开资源文件夹[Assets.xcassets], 在资源文件夹中导入两张图片:一张彩色,一张灰色,作为单元格的图标. [+]->[Import]->[Open] 在项目导航区,打开视图控制器的代码文件[ViewController.swift] 1 import UIKit 2 3 //首先添加两个协议. 4 //一个是表格视图的代理协议UITableViewDelegate 5 //另一个是表格视图的数据源协议UITableViewDataSource 6