td | 易学教程

Vue、PHP、Bootstrap联手打造简单数据管理表格

阅读更多关于 Vue、PHP、Bootstrap联手打造简单数据管理表格

这是一个用Vue、Bootstrap和PHP一起写的小实例，回顾总结了一下之前学习的知识，顺带添加点学习乐趣。先上效果图：用到的知识有：Vue数据绑定及组件、Bootstrap界面、PHP-AJAX交互、MySQL存储，其他细节的就不说了。建立的文件有三个：一个HTML文件（Vue.html，js内嵌在HTML中）、两个PHP文件（getData.php、addData.php）。首先构建前端界面：　　 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>测试HTML</title> 6 <link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"> 7 <link href="https://cdn.bootcss.com/tether/1.3.6/css/tether.min.css" rel="stylesheet"> 8 <style type="text/css"> 9 #app-1{ 10 width: 50%; 11 margin:auto; 12 margin-top: 6%; 13 } 14 .btn{ 15 cursor:

JS节点操作

阅读更多关于 JS节点操作

<!DOCTYPE html> <html> <head> <title></title> <meta content="text/html;charset=utf-8" http-equiv="content-type"> <script> function computePrice(obj){ obj.value=obj.value.replace(/\D+/,""); //得到数量 var num=parseFloat(obj.value); var pTdObj=obj.parentNode.previousSibling;//得到当前元素的父节点的上一个兄弟节点 var nTdObj=obj.parentNode.nextSibling;//得到元素父节点的下一个兄弟节点 if(isNaN(num)){ num=1; }else{ nTdObj.innerHTML=num * pTdObj.innerHTML; } } function del(obj){ var trObj=obj.parentNode.parentNode; trObj.parentNode.removeChild(trObj); } window.onload=function(){ var likes=document.getElementsByName("like");/

无论单元格中的文本数量是多少，都将表格列宽设置为常量？

阅读更多关于无论单元格中的文本数量是多少，都将表格列宽设置为常量？

在我的表中，我将列中第一个单元格的宽度设置为 100px 。但是，当此列中某个单元格中的文本太长时，列的宽度将变得超过 100px 。我怎么能禁用这个扩展？ #1楼只需添加 <div> 标签内 <td> 或 <th> 限定内部宽度 <div> 。这会对你有所帮助。没有别的办法。例如。 <td><div style="width: 50px" >...............</div></td> #2楼我所做的是：设置td宽度： <td width="200" height="50"></td> 使用CSS设置td宽度： <td style="width:200px; height:50px;"> 使用CSS将宽度再次设置为max和min： <td style="max-width:200px; min-width:200px; max-height:50px; min-height:50px; width:200px; height:50px;"> 它听起来有点重复，但它给了我想要的结果。要轻松实现这一点，您可能需要将CSS值放在样式表的类中： .td_size { width:200px; height:50px; max-width:200px; min-width:200px; max

outlook客户端不显示table表格边框线的问题

阅读更多关于 outlook客户端不显示table表格边框线的问题

问题今天做了一个发送邮件提醒的功能， outlook网页版、foxmail客户端显示的邮件都是正常的，能够正常显示table表格边框，但是outlook客户端不能够显示table表格边框。 outlook客户端显示如下：解决之前只给table上加了 border:1px，改成给每一个 td 都加上 border 属性即可。 <table style='width: 95%;border-collapse:collapse;border:1px solid #000000' cellpadding='0' cellspacing='0' > <tr> <td style='border:1px solid #000000' bgcolor='#cococo'>加班日期</td> <td style='border:1px solid #000000' bgcolor='#cococo'>加班时长</td> </tr> <tr> <td style='border:1px solid #000000'>2020-02-24</td> <td style='border:1px solid #000000'>5.0</td> </tr> </table> 来源： CSDN 作者：程序媛-如花链接： https://blog.csdn.net/chengxuyuanruhua

用HTML写个人简历

阅读更多关于用HTML写个人简历

第一次使用HTML写东西，参考的较多；这里我带上一些注释 id：就像编号，页面中唯一的 height：定义表格的高度，属性值是数字 cellspacing：定义表格中单元格之间的距离 cellpadding：定义单元格内容与单元格边框之间的距离，属性值是数字 width：定义表格的宽度，属性值是数字 100%是和页面宽度一样 align：定义表格的对齐方式，有三个属性值center，left，right /居中/左/右 border：定义表格的边框宽度，属性值是数字 bgcolor 属性规定规定表格的背景颜色 colspan 属性规定单元格可横跨的列数你可以把它存成html格式自己看效果可以在表格中加入th表头，tr行，td列；源代码【注】用EditPlus打开即可 <!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <meta name= "Generator" content= "EditPlus®" > <meta name= "Author" content= "" > <meta name= "Keywords" content= "" > <meta name= "Description" content= "" > <title>Document</title> </head>

表格与框架

阅读更多关于表格与框架

表格表格元素主要由行，列，表头单元格，正文单元格，标题，表头行，正文行，表尾行构成。在HTML中，通过 <table> 标签创建表格元素表格的基本属性：cellpadding(设置单元格与其内容之间的距离)，cellspacing(设置单元格之间的距离)，width,height… 表格的组成 < body > < table > < tr > < th > 姓名 </ th > < th > 部门 </ th > < th > 邮箱 </ th > < th > 电话 </ th > </ tr > < tr > < td > 张叁 </ td > < td > 市场部 </ td > < td > zhangs@itshixu.com </ td > < td > 18966882233 </ td > </ tr > < tr > < td > 李斯 </ td > < td > 研发部 </ td > < td > lis@itshixu.com </ td > < td > 13688995566 </ td > </ tr > </ table > </ body > 行标签<tr> ，它是表格的水平元素，一行有一个或多个单元格属性：属性描述 align 设置单元格内容水平对齐方式：left、center、right、justify valign

高效简单的jsp分页

阅读更多关于高效简单的jsp分页

<%@ page import="java.sql.*,java.io.*,java.util.*" %> <%@ page language="java" pageEncoding="Big5" %> <%! String au_id,au_lname,au_fname,phone,address,city,state;%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>ArticleList</TITLE> <link rel="stylesheet" href="style.css"> </head> <body bgcolor="#FFFFFF"> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td> <table width="750" border="0" cellspacing="2" cellpadding="2" align="center"> <tr align="center"> <td> </td> </tr> <tr> <td> <table width="740" border="0" cellspacing="1

252、bootstrap 之表格样式

阅读更多关于 252、bootstrap 之表格样式

表格 1、class="table "普通表格样式 2、class="table table-striped" 带斑马条纹样式，也行与行之间间隔背景色 3、class="table table-bordered" 带边框样式 4、class="table table-hover" 速表悬停 5、class="table table-condensed" 紧缩 6、可以给某个行或者某个单元格添加如下class，来单独修改背景颜色 Class 描述 .active 鼠标悬停在行或单元格上时所设置的颜色 .success 标识成功或积极的动作 .info 标识普通的提示信息或动作 .warning 标识警告或需要用户注意 .danger 标识危险或潜在的带来负面影响的动作 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Bootstrap hello

JSP分页的实现

阅读更多关于 JSP分页的实现

<%@ page contentType="text/html;charset=GB2312"%> <%@ page import="java.sql.*"%> <html> <title>分页显示(jsp版)</title> <body> <%! int pageSize = 5;//每页显示的记录数 int pageCount = 0;//总页数 %> <% Connection con; String DatabaseDriver = "com.microsoft.jdbc.sqlserver.SQLServerDriver"; String CnnStr = "jdbc:microsoft:sqlserver://127.0.0.1:1433;databasename=Shopping"; try { Class.forName(DatabaseDriver); con = DriverManager.getConnection(CnnStr, "sa", "11"); Statement stmt = con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_READ_ONLY);//可滚动查询数据的结果集 ResultSet rs = stmt.executeQuery("select *

JSP分页

阅读更多关于 JSP分页

页面pagelistDemo.jsp内容： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% //连接字符串 String url = "jdbc:sqlserver://" + Globals.Server + ";databaseName=" + Globals.DbName; Class.forName(Globals.driverName).newInstance(); Connection connection = DriverManager.getConnection(url, Globals.username, Globals.pwd); Statement statement = connection.createStatement(); //每页显示记录数 int PageSize = 10; int StartRow = 0; //开始显示记录的编号 int PageNo = 0;//需要显示的页数 int CounterStart = 0;//每页页码的初始值 int CounterEnd = 0;//显示页码的最大值 int RecordCount = 0;//总记录数; int MaxPage = 0;//总页数 int

订阅 td