标签: col

如何获取td的col的id(不是td的列号)?

在这个例子中:

<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?)

html javascript dom html-table col

7
推荐指数
1
解决办法
2868
查看次数

在每第3列之后拆分一行,并将这3列作为r中的新行传输

我有一个数据框,这是另一个命令的结果.此数据框只有一行,大约有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)

我怎么能意识到这一点?

split r col dataframe

6
推荐指数
1
解决办法
997
查看次数

删除部分NA值的行和列

我有以下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)

row r col dataframe na

6
推荐指数
1
解决办法
110
查看次数

如何在html col中使用class属性

这是我的代码:

<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)

但是,它显示的是简单的表格.需要帮忙 !!

html css html-table col

5
推荐指数
1
解决办法
9484
查看次数

通过一列合并两个列表之间的 data.frames

这是我的两个列表和 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)

merge r list col dataframe

5
推荐指数
1
解决办法
1154
查看次数

将文本颜色应用于 HTML 列

<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 添加类的情况下做到这一点?

我需要能够为每一列应用不同的颜色。

html css html-table col

5
推荐指数
1
解决办法
1万
查看次数

具有 Flexbox 列换行的动态宽度父级?

父级只有display: flexflex-wrap: wrap,而子级有固定的height和。其行为如下:width150px

在此输入图像描述

父容器的高度垂直扩展以方便包裹子元素。

但是,将父级更改为 hasflex-direction: column不会在水平方向上产生相同的行为:

在此输入图像描述

父元素不是扩展以适应包装内容,而是重新排列子元素以方便在父元素中使用。

我希望通过垂直环绕内容实现的行为如下所示:

在此输入图像描述

嗯,差不多就是这样。想象一下父级垂直填充空间,并水平扩展以包裹内容。第一个 gif 的水平版本。

这可以通过弹性盒实现吗?

css col multiple-columns flexbox

5
推荐指数
1
解决办法
5513
查看次数

折叠的 &lt;table /&gt; 列留下了可见的痕迹

根据文档,我们可以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)

css visibility html-table col colgroup

5
推荐指数
1
解决办法
575
查看次数

colgroup col width 属性现在已被弃用,是否还有其他替代方案?

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)

css html-table col

4
推荐指数
1
解决办法
2802
查看次数

从特定列中选择值并跳过 R 中的 NA 值

我正在处理癌症登记数据。在下文中数据的例子(ex_data),变量IDdiagnosis_yr立场ID,并在每年确诊的癌症接受性。列x_2005x_2010y_2005y_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)

r col na

4
推荐指数
2
解决办法
71
查看次数

标签 统计

col ×10

css ×5

html-table ×5

r ×4

dataframe ×3

html ×3

na ×2

colgroup ×1

dom ×1

flexbox ×1

javascript ×1

list ×1

merge ×1

multiple-columns ×1

row ×1

split ×1

visibility ×1