1_表格列的控制.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格列的控制</title>
</head>

<body>
	<!--需求：要求表格的第三列和第八列显示红色-->
	<table border="1" bordercolor="black" cellpadding="7" cellspacing="0" width="70%" >
		<colgroup span="2"></colgroup><!--表格的第三列显示红色。col功能和colgroup一样-->
		<colgroup bgcolor=red></colgroup>
		<colgroup span="4"></colgroup><!--表格的第三列显示红色。col功能和colgroup一样-->
		<colgroup bgcolor=red></colgroup>
		<tr>
			<td>语文</td>
			<td>数学</td>
			<td>英语</td>
			<td>语文</td>
			<td>数学</td>
			<td>英语</td>
			<td>语文</td>
			<td>数学</td>
			<td>英语</td>
		</tr>
		<tr>
			<td>99</td>
			<td>89</td>
			<td>88</td>
			<td>99</td>
			<td>89</td>
			<td>88</td>
			<td>99</td>
			<td>89</td>
			<td>88</td>
		</tr>
		<tr>
			<td>68</td>
			<td>99</td>
			<td>100</td>
			<td>99</td>
			<td>89</td>
			<td>88</td>
			<td>99</td>
			<td>89</td>
			<td>88</td>
		</tr>

	</table>
</body>
</html>

时间： 2024-10-15 16:07:55

1_表格列的控制.html的相关文章

表格列点击排序

实现点击表格列实现排序的效果,按照一列一列的排序代码如下: 排序代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> table{ border-collapse: collapse; } th,td{ height: 30px; width: 8

声明:FineUIMvc(基础版)是免费软件,本系列文章适用于基础版. 用户需求用户希望实现动态创建表格列,在 WebForms 中,我们通过在 Page_Init 中创建列来实现: 但是在 MVC 中,如果还想着 WebForms 的那一套,想着怎么才能在 Controller 中访问 View 中的表格控件,这是行不通的. 我曾写过一个系列文章<ASP.NET MVC快速入门(MVC5+EF6)>,开篇就讲到了 MVC 中的页面的生成流程: 这个页面之所以能够呈现在我们眼前,经历了三个主

表格列宽怎么设置都无效？（td内容自动换行问题）

有次设置表格列宽时,显示的实际宽度与设置的宽度不一致,且无规律变化.最后,在查找资料后发现,可能是td内容自动换行的问题.因为表格中的内容有中文.英文字母.还有数字,以及三者的各种组合,所以换行的方式不一致,导致列宽变化.(个人分析,不妥之处请拍砖.) 所以添加以下css可以解决问题: table{ word-break:break-all ; word-wrap:break-word } 说明: (1) word-break:break-all:截断单词进行换行. (2) word-wra

jQuery拖动调整表格列宽度-resizableColumns

实现鼠标可拖动调整表格列宽度如图: 一.引入文件: <script src="/js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="/js/store.js" type="text/javascript"></script> <script src="/js/jquery.r

jQuery表格列宽可变，兼容firfox

本demo使用jQuery包,实现表格列宽可拖拽功能,并实现页面reset时的重新布局.使用jQuery,方便函数的调用,给要处理的表格添加id 后,直接调用$("#id").movedTh()即可方便实现,修改了firfox的兼容性. 代码如下: [javascript] view plaincopy <html> <head> <meta http-equiv="Content-Type" content="text/ht

动态增加，删除表格行并按照表格列排序

接着上一篇博文,解决上一篇博文最后遗留的瑕疵,同时,给表格列添加了排序功能. 解决掉的问题 1 乱码的问题 2 删除方法更加简便,省去获取父节点id的代码 3 点击第一行的add按钮后,下行table行变宽问题 <html> <head> <title>Table</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"&g

使用jqueryUI实现自由调整表格列宽

今天项目中需要插入表格,用Excel表格调整列宽时,想怎么拖就怎么拖,于是乎就让插入的表格也这么让人舒服.网上查找许久,没找到好用的方案.最后发现jQuery UI中的resizable()方法可以实现div的自由调整,既然可以在div上实现,那表格也应该没问题吧.于是就动手折腾,成功搞定. 代码详情: main.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEn

FastAdmin 中 Bootstrap-Table 列宽控制

FastAdmin 中 Bootstrap-Table 列宽控制使用 css 控制 1 使用 formatter 处理 2 http://issues.wenzhixin.net.cn/bootstrap-table/#options/table-style.html? https://blog.csdn.net/py245164372/article/details/72907521? 原文地址:https://www.cnblogs.com/F4NNIU/p/9691955.html

element-ui表格列金额显示两位小数

对于金额的显示,大多情况下需要保留两位小数,比如下面的(表格采用 element-ui): 在vue.js中,对文本的处理通常是通过设置一系列的过滤器,过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持). 定义过滤器 filters: { rounding (value) { return value.toFixed(2) } } toFixed() 方法可把 Number 四舍五入为指定小数位数的数字,使用语法如下: NumberObject.t