从上一个TR删除样式
从上一个TR删除样式，可以使用JavaScript或者CSS来实现。
JavaScript代码示例：
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";CSS代码示例：
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #4CAF50;
color: white;
}以上代码可以实现从上一个TR删除样式，并添加新的样式。
相关·内容
3回答
我需要在我的第一个div中间垂直对齐我的表单。我有居中水平，但我不能让它在中间垂直对齐。从上到下的距离基本上都是平的。
<div id="login" style="position:absolute; width: 300px; height: 100px; z-index: 15; top: 50%; left: 50%; margin: -50px 0 0 -150px; background-color: #d0e9fc; border: 1px solid #B5BCC7;">
<div align="center&#
浏览 5提问于2015-06-30得票数 0
回答已采纳
1回答
强制表格内容流动
、、
我使用了以下CSS样式来确保表格中的内容保持在特定的大小内：
div.tablewrapper {
height: 290mm;
width: 200mm;
overflow-y:hidden;
overflow-x:hidden;
}
下面是我使用的html表格代码：
<div class="tablewrapper">
<table width="200mm" height="290mm" border="1">
<tr width="200mm&#
浏览 1提问于2011-11-06得票数 0
2回答
我在附加的行中显示“真”、“假”、“是”和“否”按钮有问题。
我在这里有一个应用程序：
请按照以下步骤使用应用程序：
当您打开应用程序时，您将看到一个绿色加号按钮，单击此按钮，将出现一个带有搜索栏的模态窗口。。
2.在搜索栏中键入以下“橙色”(没有双引号)，然后提交搜索.
3.将出现一行，将搜索中的术语与“问题”列下的术语相匹配。在“答案”栏下，你会看到答案是“真”。请单击“添加”按钮以添加行中的内容。
4.您将在右边看到，它显示“真”和“假”按钮，“真”按钮突出显示为绿色。这很好，
但以下是问题发生的地方：
单击“添加问题”按钮，这将在下面附加一行并从上面复制控件。。
现在，在刚才附加的行中
浏览 5提问于2012-10-04得票数 2
1回答
下拉列表突出显示
、、
我有一个包含以下列表项的下拉列表，
<asp:DropDownList ID="ddlsendmail" runat="server" Width="250px" AutoPostBack="true"
OnSelectedIndexChanged="ddlsendmail_SelectedIndexChanged" onchange="test();">
<asp:ListItem>--select--</asp:ListItem>
&l
浏览 2提问于2014-10-13得票数 0
根据上的这篇文章，人们可以用HTML语言创建一个基本表，如下所示：
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
浏览 3提问于2013-04-18得票数 49
1回答
我对下面的模板视图有一个问题。我在底部的"Used in“表格中添加了一个滚动条，但是它下面有很多空格。当我尝试逐个删除每个div/元素时，问题似乎只来自那个表。 view.html {% extends "includes/base.html" %}
{% load crispy_forms_tags %}
{% block body %}
<div class="container-fluid">
<div class="row">
<div class="col
浏览 21提问于2020-09-17得票数 0
我有下面的表格。
<table> <tr> <td id="cat1"> cat </td> <td id="dog1"> dog </td> <td id="hen1">hen </td> </tr> <tr> <td id="cat2"> cat <
浏览 0提问于2015-03-16得票数 1
4回答
我正在尝试编码盒子和胡须图形在html中。问题是，我在div (如Box)周围有边框，但当覆盖包含带状彩色图像的前一层时，这些边框会消失。这里的首选是不使用背景图像(或颜色)，如果可以避免的话。
html为：
<table cellspacing="0" cellpadding="0" id="BoxAndWhiskers" width="100%">
<tr class="graphArea">
<td><div class="graphColors"&g
浏览 15提问于2009-05-07得票数 6
回答已采纳
1回答
我正在尝试合并包含a "p“标签的"div”标签，一个带有HTML表格标题的可折叠按钮，这样当用户滚动HTML表格主体上方的所有组件时，数据将粘贴到正在工作的顶部。问题是，当我展开可折叠按钮时，它会覆盖整个表格，而不是向下移动。可能是由于z轴导致的问题。但我希望所有的东西都放在顶部，避免扩展区域的重叠。任何帮助都将不胜感激。
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].ad
浏览 0提问于2019-08-24得票数 0
1回答
我正在试图创建一个电子邮件的标题，其中有一个背景图像和文本为中心。这就是它在“正常”电子邮件客户端中的样子：
然而，在outlook中，它不会退出工作，结果会是这样：
有没有电子邮件专家可以帮我解决这个问题？
以下是我到目前为止(内置于react)的内容：
<table width="640" cellPadding="0" cellSpacing="0" align="center" style={{ margin: '0 auto' }}>
<tbody>
浏览 2提问于2021-06-25得票数 1
回答已采纳
我已经创建了数组，并且在单击submit按钮时可以看到它。下面是我写的程序代码。但问题是，当html文件arrayusingforloop1.html打开时，甚至在单击Submit button.But之前，就会显示一个小方桌，我只想显示submit按钮，而不是那个小表格。然后，当单击Submit按钮时，将显示包含要显示的表的数组。所以请给我一个解决方案。
Arrayusingforloop1.html的代码：
<script>
function array() {
var table1 = "<table id='tabl123
浏览 0提问于2015-01-29得票数 0
我认为这应该是简单的，但我有很大的问题，让一些东西工作。我基本上想创建一个具有固定宽度的单元格的表格，它从数据库中引入数据，同时保留换行符，并在文本宽度超过表格宽度的情况下对文本进行换行。它用于服务台通知，因此文本可以是详细信息、请求或特定网站的链接等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http
浏览 20提问于2017-01-25得票数 0
4回答
我正在尝试使用width属性来分隔我的HTML表格标题，如果它们被完全忽略了，那就太糟糕了。
“公司类型”标题被分成两行，“雇佣”类型也是这样吗？我的css文件中没有任何表格css。我可以使用哪些属性来使每个页眉左对齐，并使下一个页眉从上一个页眉的开头开始宽度像素？
<thead style='float:left;'>
<tr>
<th style='width:270px;text-align:left;'>Company</th> <th style='width:150px;
浏览 3提问于2011-01-19得票数 0
回答已采纳
1回答
我有两个html表，这两个表的内容都是动态生成的，两行都是固定的。我必须调整两个表的行高，以使表和行高具有相同的高度。情况是，两个表的高度都应该调整，以便两个表看起来像一个单独的表。我有下面的代码，它在Mozilla中工作良好，但在IE中不工作。建议代码与IE一起工作。
使用的文件: jquery-1.3.2.js
for (rIndex = 1; Number(rIndex) < Number(totalrows); rIndex = Number(rIndex) + 1) {
var lRowH = $('#tblTopLeft').find("tr&
浏览 1提问于2011-12-24得票数 0
1回答
我有一个jquery代码，它循环遍历一个对象列表并将html附加到一个table.However中，我已经设置了父表/表的最大高度。表行仍然超过父表。
记录应在图片中显示的红线处停止，并出现滚动条。
有人能帮忙吗？
Jquery
$.each(data, function (i, item) {
$('#dataTable').append("<tr><td>" + i + '</td><td>' + item.name+ '</td><td>' +
浏览 0提问于2017-05-17得票数 2
回答已采纳
我想使用像这样的了不起的引导-日期选择器：
在我的html中，我有一个具有特定样式的表，如下所示：
我原来的html：
<!DOCTYPE html>
<html>
<head>
<style>
table,th,td
{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
浏览 3提问于2014-02-27得票数 0
我有一个表，它根据列表中的项数动态地显示行。当项被添加到列表中时，表行被动画化(带有绿色背景)以显示正在添加的新行，当我从列表中删除项目时，表行被动画化(具有红色背景)以显示它正在被删除。当没有更多的项时，我会显示带有There are no more items in the list消息的行。
我的问题是，当列表中不再有项目时，列表中显示列表时显示的表行是用上面提到的绿色背景动画的，而当项被添加到列表中时(因为是空的)，该行是用红色背景动画的。
我的问题：是否可以忽略对<transition-group>下的单个元素进行动画
HTML:
<table class="
浏览 0提问于2017-08-01得票数 0
回答已采纳
我有这样的html
<table>
<tr>
<td>date</td>
<td>name</td>
</tr>
<tr>
<td>aug</td>
<td>tr</td>
</tr>
</table>
这是css外部@media查询(最大宽度:768 max)。
td{
display:block
}
如何使用display: block删除外部css中的jQuery？我试过了，但我认为它只在内联cs
浏览 9提问于2017-06-22得票数 0
回答已采纳
1回答
我有这样的html页面：
<table>
<thead>
<tr>
<td>title</td>
<td>desc</td>
<td>status</td>
</tr>
</thead>
<tbody>
<tr>
<td><label>lorem1</label></td>
<td&g
浏览 0提问于2018-08-15得票数 0
回答已采纳
1回答
我需要有一个包含多行文本区域元素的单列，这些元素占用每一行的tables列中的所有可用空间。我得出的结论是，我需要使用百分比，在初始页面加载时，这可以很好地工作，但当尝试将文本区域调整得更宽时，它会在Chrome和Firefox中导致一些奇怪的行为。
两种浏览器:列捕捉到更宽的大小，这会改变所有其他尚未调整大小的文本区域的宽度。
在Chrome中:文本区域不能再比你调整的第一个文本区域更小，并保持所有其他文本区域的趋势。
在Firefox中: textareas可以调整到比第一个textarea更小的大小，这更好，但仍然存在改变表的列大小的初始问题。我希望这是我想要的行为，但是我不能让Chro
浏览 1提问于2017-08-15得票数 0
1回答
我遵循，我想将xml转换为csv，我有一个xml，并编写了一个xsl，它用href打开xml到internet上的xsl工作，但是运行来自的代码，返回一个错误不能解析名称空间前缀: xmlns。
该怎么解决呢？
我有一个可工作的xml & xsl
xml
<?xml version='1.0' encoding='utf-8'?>
<?xml-stylesheet type="text/xsl" href="student2.xsl"?>
<rankings xmlns:
浏览 0提问于2015-11-12得票数 1
回答已采纳
1回答
这是我正在做的一个布局的实验。为了达到这个效果，我在定位div时遇到了很多问题，所以我转向了旧的备用方法，即table cascades。我这里的问题是，最后一个上框在所有3个浏览器中都有额外的填充，无论我怎么尝试，我似乎都不能用CSS或HTML把它移开。红色方框应该与您看到的围绕它们的绿色部分齐平，并且在红色方框之间的蓝色行的右侧不应该有一条1px的可见绿线。任何有见地的人都会非常感激。
<!doctype html>
<html>
<head>
<style>
table { border-collapse: collapse; borde
浏览 0提问于2012-10-16得票数 7
回答已采纳
我一直在尝试在我的一个div中创建一个表，当窗口缩放或分辨率改变时，它会调整它的宽度。但是，每当屏幕发生变化时，表都会不断出血。
它是像使用CSS来实现一样简单，还是我遗漏了一些更复杂的东西。
<img align='left' src='http://imgur.com/e8K63LI.png'></img>
<table bordercolor='black' width='900' bgcolor='white' border='0'&g
浏览 3提问于2015-09-17得票数 1
一个简单的表格，我想包括在一个html电子邮件，这是由python发送。
html = """
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;}
th, td {padding: 5px;}
th {text-align: left;}
</style>
</head>
<body>
<h2>Basic
浏览 0提问于2020-03-19得票数 0
我试着做一张颜色背景和身体有圆角的桌子。我已经设法使这个工作，但现在白色的角落显示在桌面下面.有人能帮帮我吗。
这是我的代码的一个例子，但是我使用的是引导，所以没有垂直边框。我只需要把身体上白色的顶角去掉。
<div class="table-background">
<table class="table">
<thead style="background-color: #e5e5e5;">
<tr style="height: 20px;">
<
浏览 0提问于2014-10-01得票数 0
回答已采纳
我正在创建一个网站，但到目前为止，我的网站设计中有空白，这是不需要的，因为我不想在每个块之间有任何空白(例如，我不想在导航栏//黑色矩形周围有任何空白)。我使用主页的HTML表格来创建我的网站，到目前为止，每个单元格之间都有一些白色的间隙。我想摆脱它，但我不确定如何摆脱它。我不确定是否必须添加一个CSS，但我在总体上仍然是一个非常新的html和编码。
下面是我的代码
<table style="width:100%"; cellpadding="0"; cellpacing="0">
<tr>
浏览 0提问于2016-05-08得票数 0
2回答
我正在尝试创建一个“固定宽度”的表，但是当列中的数据大于其他数据时，它以某种方式改变了列的宽度。
例如，下表更改了最后一个数字的宽度，即10。
<table>
<tr>
<td rowspan="3">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</
浏览 0提问于2014-01-10得票数 5
回答已采纳
1回答
使用材料设计错误确认密码验证
、、、、
我目前正在创建一个使用谷歌的材料设计的网页，我遇到了一个绊脚石，在必要的更改需要更改确认密码文本框为无效时，密码不匹配。因此，如果密码不匹配，则生成具有样式mdl-textfield__error样式的错误。
如何使用MDL实现这一目标？
<tr>
<td>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<form:input path="password" type=&
浏览 2提问于2016-05-29得票数 0
回答已采纳
1回答
我有一个带有手风琴按钮的网页，我把按钮的宽度设置为100%，但它们没有覆盖整个页面。有人能指出出什么问题了吗?怎么解决呢？
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function () {
this.classList.toggle("a
浏览 6提问于2021-12-13得票数 2
我有一个类似下面摘录的代码：
<table>
<tr>
<td>Some Text <span>other text</span></td>
</tr>
<tr>
<td>Some other Text <span>some other text 2</span></td>
</tr>
</table>
不同的表行可以有不同的内容长度，但很明显，行之
浏览 0提问于2013-07-24得票数 0
2回答
我在div标记中有一个Gridview
在这个div tasg下面有一个包含其他内容的div。
如果我不设置Gridview div的高度，GV的内容就会溢出到GV下面的部分中。
否则，如果我设置，当记录较少时，在GV之后将有一个空块。
我该怎么解决这个问题。
请看一下代码...
<div style="height: 100%; width: 785px; margin-top: 0px; overflow: hidden; display: table;">
<tr>
<td>
<as
浏览 2提问于2013-04-03得票数 0
在这里，我试图使用divVD、divQuality、divSCM来切换div。也就是说，如果$type = vd只显示divVD，而不显示其他的，等等。
在切换功能之前，一切都很好。当我把php放在divs中时，它就没有显示任何输出。any1能让我知道我在这里错过了什么吗？
<?php
session_start();
$namex = $_SESSION['uname'];
require "C:/xampp/htdocs/db.php";
$resultxx =mysqli_query($con,"SELECT type from membe
浏览 1提问于2017-08-14得票数 0
回答已采纳
2回答
我有一个HTML表格。表的行与标题宽度不相同。怎么修呢？我应该把哪个CSS放在哪里？很抱歉提出这个问题，但我不熟悉CSS。
这是我的HTML源代码的一个例子：
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&g
浏览 2提问于2020-06-25得票数 1
回答已采纳
我在tr中添加了一个tr，但是它没有工作。我的目标是在每个项目中增加空白处。
export default function StoreListing() {
const [item, setItem] = useState([]);
const [dropdownType, setDropdownType] = useState(false);
const toggleType = () => setDropdownType(prevState => !prevState);
const [dropdownSize, setDropdownSize] = us
浏览 11提问于2021-01-14得票数 1
回答已采纳
我试着用这种漂亮的汤打印html：
load = urllib2.urlopen(url)
soup = BeautifulSoup(load, 'lxml')
characteristics = soup.find('table', { 'class' : 'characteristics-table'})
print characteristics
拿着这个：
<table class="characteristics-table">
<tr class="characteristic
浏览 5提问于2017-10-28得票数 0
回答已采纳
3回答
当用户基于单击多行时，我试图突出显示多行。每次单击一行时，我的console.log都会正确地输出，这些行不会像我期望的那样改变颜色。我遗漏了什么？
我的HTML
<table datatable [dtOptions]="dtOptionsComp" [dtTrigger]="dtTriggerComp" class="row-border hover">
<thead><tr><th>ID</th><th>Name</th></tr><
浏览 2提问于2018-08-03得票数 1
回答已采纳
我正在尝试建立为手机设计的网络应用程序。但是我有一些非常大的链接。我想做的是，如果文本不适合，则断开这些字符串，如果适合，则使用整个字符串。
我试着使用word-wrap:break-word
.breakWord {
width: 100%
word-wrap: break-word;
}
我的html是：
<table>
<tr>
<td rowspan="2" style="width:10%" >picture</td>
<td colspan="2"
浏览 2提问于2012-06-11得票数 1
我正在尝试使用CSS覆盖元素的后代(不是直接子元素)的样式。
比方说，我正在致力于：
<table id="z_d__h3-real" class="z-hbox">
<tbody>
<tr valign="top">
-----
</tr>
</tbody>
</table>
我想重写样式，将tr元素的valign设置为"center“。
我试着这样做：
table.z-hbox tr {
vertical-align:center;
浏览 10提问于2010-09-25得票数 0
回答已采纳
3回答
我有一个带有<tr>的表，其中包含在设计时声明但从数据库动态填充的带有onchange事件的ew <input>元素。<td >的HTML如下所示：
<td scope="col" style="width: 60px; font-weight: normal;">
<input type="text" id="hall_name" name="hall_name" class="form-control" onchange="row
浏览 1提问于2018-02-25得票数 1
回答已采纳
3回答
我的JQuery代码有一个小问题。
我用HTML创建了简单的表。
<table class="table">
<tr>
<th>Name</th>
<th>Surname</th>
<th></th>
</tr>
<tr>
<td>name 1</td>
<td>surname 1</td>
<td>actions</td>
</tr&
浏览 3提问于2016-01-17得票数 2
回答已采纳
我已经将word文件转换为html文件，但有一个问题，MS-word自动添加一些样式的页面。
例如
<div align="center"></div>
<p style=""></p>
<table cellpadding="0">
<tr><img src="...."></img></tr>
</table>
我希望输出结果为
<div></div>
<p><
浏览 1提问于2012-08-16得票数 0
回答已采纳
在我的HTML中有以下表格。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
table, td, tr, th{
border:1px;
}
.onepx{
width:1px;
}
</style>
<div style="max-width:7
浏览 0提问于2011-11-29得票数 1
回答已采纳
我已经创建了一个电子邮件模板。在Hotmail中看起来不错。但最近开始在Gmail中看起来很糟糕。
忽略标记内部部分中的所有CSS。
使用my：查看我的测试过程
Gmail Android应用忽略了所有的CSS和媒体查询。这是非常奇怪的，因为几天前模板看起来很好。Gmail应用更新了吗？
有没有人能帮帮我？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g
浏览 11提问于2021-03-07得票数 0
1回答
因此，我设计了一个基于表元素的组织结构图，我有一个问题。我使用<hr>元素来创建连接器；但是，我无法让元素之间的死区消失。我花了最后一个小时试图弄清楚如何才能让它发挥作用，但我似乎无法弄清楚。
我包括了一张要展示的照片：
另一个问题更多的是一个我还没有真正调查过的问题，但我想我还是会问的。我如何锁定我的桌子的高度。我把宽度锁得很好，但我似乎不能把高度锁定在70 to。
下面是一些选择代码：
<table class="orgchart" cellspacing="0" cellpadding="0">
&
浏览 3提问于2015-10-08得票数 0
回答已采纳
2回答
我有一个带有class=image的表格单元，我似乎不能对它应用任何CSS。下面是我的标记(嵌套表)，其中第一个表显示了一个典型行的示例：
<table class="outer">
<tr>
<td>
<table class="column" id="leftColumn">
<tr>
<td>
浏览 0提问于2012-07-27得票数 0
我想有一个表的边框，类名为"wanttosetborder“。如果没有div，它将为该表设置边框。使用div标签，它将边框设置到div标签之前的最后一行(即显示H2之后的一行)，之后不显示边框。
请找到下面的代码。
<html>
<head>
<head>
<style type="text/css">
#user{width: 50px;height:150px;overflow:auto;position:absolute}
</style&
浏览 3提问于2010-06-07得票数 0
回答已采纳
我想缩小下表中列的宽度。
<table cellspacing="0"cellpadding="0">
<tr><td><h3>Allow Points+Cash </h3></td></tr>
<tr><td><br>MIN CASH REQUIRED</td></tr>
<tr>
<td><br><input type="number&#
浏览 5提问于2015-12-21得票数 0
1回答
如何在我的HTML中看到，我有两个表。现在，我想在每个表之后添加输入：
1.展示了在没有span和input的情况下我的Html看起来如何？
2.展示它现在的样子：
3.我想要它
谢谢你的帮忙!
我的HTML：
<span>
<table class="table table-bordered" style="font-size:13px; width:50px; float:left;" id="ScheinDiagnosen">
<thead>
<tr id="Diagn
浏览 2提问于2014-04-18得票数 0
回答已采纳
我正在创建一个网站，就像Netflix在后台播放一个视频，导航栏是透明的，但是我希望它能像Netflix的导航栏一样，从上到下具有一种微格式的效果。
此外，请建议是否有一个更有效的方法比使用小体效应。
浏览 12提问于2022-07-09得票数 -1
回答已采纳
2回答
当您悬停在行上(使用UserStyles脚本)时，我试图更改行的背景色。
我拍了一张页面的截图，发现六角色代码是#F3F6FC。
是我试图修改的页面。
从上一篇这样的帖子，我试着去做
tr:hover {
background-color: #000;
}
tr:hover td {
background-color: transparent; /* or #000 */
}
但这不起作用。任何帮助都将不胜感激。
此外，如果不能同时使用检查工具和悬停，那么当我悬停在表上时，如何使用Chrome工具来检查元素呢？
浏览 3提问于2015-09-07得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
