在这个例子中:
<table border="1">
<col id="col0" style="background-color: #FFFF00"/>
<col id="col1" style="background-color: #FF0000"/>
<tr><td rowspan="2">1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)
如何获得td 4的col的id?
如果我用这个jquery命令得到它的列号:
var cn = $(this).parent().children().index($(this));
Run Code Online (Sandbox Code Playgroud)
cn将为0,但它的样式显示它属于col1,我需要像td.col.id这样的推荐
当我在td(例如td 4)以上的td设置rowspan ="2"时,这个td的列号将与它的col(或colgroup)的顺序不同,我设置背景颜色来显示它.
编辑: 我相信有一种方法可以解决这个问题,因为当td知道它的col(colgroup)时,必须有一种方法可以从dom树的td询问它.(Td4你展示了一个特定col的风格,谁是col?)
我有一个数据框,这是另一个命令的结果.此数据框只有一行,大约有40000个条目.我的问题是3列是一组连接的数据.因此,我想在每第三列之后拆分行,并将其作为新行传输.例:
创建测试数据框:
df=as.data.frame(matrix(seq(1:12), ncol=12, nrow=1))
Run Code Online (Sandbox Code Playgroud)
现在我有一个看起来像这样的数据框.
V1 V2 V3 V4 V5 V6 V7 V8 V9 V10 V11 V12
1 2 3 4 5 6 7 8 9 10 11 12
Run Code Online (Sandbox Code Playgroud)
但我需要这样:
V1 V2 V3
1 2 3
4 5 6
7 8 9
10 11 12
Run Code Online (Sandbox Code Playgroud)
我怎么能意识到这一点?
我有以下dataframe(s):
s<-read.table(text = "V1 V2 V3 V4 V5 V6 V7 V8 V9 V10
1 0 62 64 44 NA 55 81 66 57 53
2 0 0 65 50 NA 56 79 69 52 55
3 0 0 0 57 NA 62 84 76 65 59
4 0 0 0 0 NA 30 70 61 41 36
5 0 0 0 0 NA NA NA NA NA NA
6 0 0 0 0 0 0 66 63 51 …Run Code Online (Sandbox Code Playgroud) 这是我的代码:
<html>
<style>
.left-info
{
font-size:14px;
font-family:Tahoma, Helvetica, sans-serif;
color:#1A5B71;
font-weight:bold;
text-align:right;
}
.right-info
{
font-size:14px;
font-family:Tahoma, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
</style>
<body>
<table border="1">
<colgroup>
<col class="left-info" />
<col class="right-info" />
</colgroup>
<tr>
<td>3476896</td>
<td>My first HTML</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
但是,它显示的是简单的表格.需要帮忙 !!
这是我的两个列表和 data.frames 的示例:
df1 = data.frame(a = c(1,2,3,4,5,6,7))
df2 = data.frame(a = c(111,112,113,114))
lst1 = list(df1, df2)
df3 = data.frame(a = c(1,2,3,4,5,6,7,8,9,10), b = c(10,11,12,13,14,15,16,17,18,19))
df4 = data.frame(a = c(111,112,113,114,115,116,117,118,119), b = c(22,23,24,25,26,27,28,29,30))
lst2 = list(df3, df4)
Run Code Online (Sandbox Code Playgroud)
我需要按列lst1合并才能与和合并。lst2adf1df3df2df4
这是我想要的输出:
> output_lst
[[1]]
a b
1 10
2 11
3 12
4 13
5 14
6 15
7 16
[[2]]
a b
1 111 22
2 112 23
3 113 24
4 114 …Run Code Online (Sandbox Code Playgroud) <table>
<colgroup>
<col style="color: green"/>
<col style="background-color:green"/>
<col class="char"/>
</colgroup>
<tr>
<th>
Decimal
</th>
<th>
Hex
</th>
<th>
Char
</th>
</tr>
</table>Run Code Online (Sandbox Code Playgroud)
我一生都无法弄清楚为什么 Decimal 不是绿色的!
我需要整个列都是绿色字体,背景颜色出于某种原因起作用。
有没有办法在不向每个 tr 添加类的情况下做到这一点?
我需要能够为每一列应用不同的颜色。
父级只有display: flex和flex-wrap: wrap,而子级有固定的height和。其行为如下:width150px
父容器的高度垂直扩展以方便包裹子元素。
但是,将父级更改为 hasflex-direction: column不会在水平方向上产生相同的行为:
父元素不是扩展以适应包装内容,而是重新排列子元素以方便在父元素中使用。
我希望通过垂直环绕内容实现的行为如下所示:
嗯,差不多就是这样。想象一下父级垂直填充空间,并水平扩展以包裹内容。第一个 gif 的水平版本。
这可以通过弹性盒实现吗?
根据文档,我们可以visibility: collapse在<col />元素上使用来折叠或折叠所有关联的列。
但是(在 Chrome 和 Edge 中)我注意到一些元素仍然可见,漂浮在折叠列将占据的区域的某个位置。我可以将其范围缩小到带有position: absolute或 的元素position: relative。这似乎是 Chrome 和 Edge 中的一个错误(均显示此行为)。在 Firefox 中,不会留下意外可见的痕迹。
const toggle = () => {
const table = document.querySelector("#my-table");
table.classList.toggle("collapsed");
};Run Code Online (Sandbox Code Playgroud)
.table.collapsed .collapsible-column {
visibility: collapse;
}
.oops {
position: relative;
}Run Code Online (Sandbox Code Playgroud)
<table id="my-table" class="table">
<colgroup>
<col span="2" class="collapsible-column" />
<col span="2" class="static-column" />
</colgroup>
<thead>
<tr>
<th scope="col">col 1<br /><span class="oops">oops</span></th>
<th scope="col">col 2</th>
<th scope="col">col 3</th>
<th scope="col">col …Run Code Online (Sandbox Code Playgroud)colgroup 上的 MDN 页面表明col 宽度已被弃用,但是当涉及 colspan 时我还没有找到替代方案,并且您需要指定“colspanned”列的宽度。
下面是一个相当简单的片段来说明这个问题,适用于一个三列两行的表。中间列永远不会用“td”元素显式显示。
使用 colgroup,可以指定其宽度,然后一切都很好。如果没有 colgroup,HTML 渲染引擎将无法求解方程,并且列宽渲染不正确。
table {
border-collapse: collapse;
}
.w100 { width: 100px; background-color: red }
.w200 { width: 200px; background-color: green }Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html>
<body>
With colgroups
<table>
<colgroup>
<col style="width:100px">
<col style="width:100px">
<col style="width:100px">
</colgroup>
<tbody>
<tr>
<td class="w100">A
<td class="w200" colspan="2">B
<tr>
<td class="w200" colspan="2">C
<td class="w100">D
</tbody>
</table>
<p></p>
No colgroups
<table>
<tbody>
<tr>
<td class="w100">A
<td class="w200" colspan="2">B
<tr>
<td class="w200" colspan="2">C
<td class="w100">D
</tbody> …Run Code Online (Sandbox Code Playgroud)我正在处理癌症登记数据。在下文中数据的例子(ex_data),变量ID和diagnosis_yr立场ID,并在每年确诊的癌症接受性。列x_2005到x_2010和y_2005到y_2010分别代表x和y的状态,每年(2005至2010年)。在我的实际工作数据,我已经很多年(2005- 2020年)多列。我想从最早的可用年份、最近的可用年份和诊断年份(即x_earliest、y_latest、x_at_diagnosis、y_at_diagnosis)中提取 x 和 y 值“通缉”中的变量)通过排除 NAs 。例如,对于 id 1,我想通过跳过 NA 从最早的一年中提取 x 值和从最近一年中提取 y 值。对于诊断年份的 x 和 y 值,如果诊断年份有 NA,我想跳过 NA 并提取前一年的可用数据。我如何实现以在 R 中获取想要的变量?
library(tidyverse)
#example data
ex_data <- tribble(
~id,~diagnosis_yr,~x_2005,~x_2006,~x_2007,~x_2008,~x_2009,~x_2010,~y_2005,~y_2006,~y_2007,~y_2008,~y_2009,~y_2010,
1, 2007, NA, NA, 1, 2, 2, 3, "a", "b", "c", "d", "e", NA,
2, 2008, 1, 3, 1, NA, 1, 2, NA, "b", "b", "e", "d", "d",
3, 2010, NA, 2, 2, …Run Code Online (Sandbox Code Playgroud)