首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >KDB & HTML/CSS:如何加粗表格第一列的文本?

KDB & HTML/CSS:如何加粗表格第一列的文本?
EN

Stack Overflow用户
提问于 2018-08-01 04:49:56
回答 1查看 185关注 0票数 1

我使用KDB自动生成HTML输出。如果可能的话,我想避免给html贴上类的标签,因为我不想重新编写KDB代码。我试着使用第一个孩子,但它不起作用。还有其他建议吗?

KDB:

代码语言:javascript
复制
.util.html.t:{[t]
  if[not type[t] in 98 99h; :"Result not a table type!"];
  r:"<table cellSpacing='0' cellPadding='2'>";
  r:r,"<tr class='title'>";
  r:r,(,/){"<th>",x,"</th>"} each string cols t;
  r:r,"</tr>";
  r:r,(,/){"<tr>",((,/){
    if[type[x]=type[""]; x:`$x];
    if[not type[x]=type[enlist ""]; 
      x:string x;
      if[x like "*[0-9]%"; :"<td class=\"centeralignum\">",x,"</td>"];
      ];
    if[type[x]=type[enlist ""]; x:"," sv x];
    :"<td>",x,"</td>";
  } each x),"</tr>"} each 0!t;
  r:r,"</table>";
  :r;
  }

CSS:

代码语言:javascript
复制
     h3 { font-size: 16px; font-weight: bold; font-family: Calibri } 
     body { font-size: 12px; font-family: Calibri } 
     tr.title { background: lightblue repeat-x left bottom; font-weight: bold; border: 1px solid #000000;} 
     th {border: 1px solid black;}
     table { border: 1px solid black; border-collapse: collapse;}
     table td {border-left: 1px solid black; border-right: 1px solid black; width:125px;}
     table td:first-child {font-weight: bold;}
     td.centeralignum {text-align: center}

HTML

代码语言:javascript
复制
<table cellSpacing='0' cellPadding='2'><tr class='title'><th>name</th><th>a</th><th>b</th><th>c</th></tr><tr><td>bob</td><td>1</td><td>4</td><td>7</td></tr><tr><td>anna</td><td>2</td><td>5</td><td>8</td></tr><tr><td>ray</td><td>3</td><td>6</td><td>9</td></tr></table>
EN

回答 1

Stack Overflow用户

发布于 2018-08-01 06:28:50

在Firefox上使用您提供的HTML和CSS对我很有效。我甚至切换了第一个孩子的属性,以确保它确实是它造成的。第一个子属性已经被支持了很长一段时间,但是有必要检查一下here,看看您的浏览器是否支持它。

您可以进入浏览器上的开发人员工具,并在检查器中选择元素,以查看正在应用的样式。如果它们被覆盖,它们将带有删除线,您还可以在开发人员工具中切换属性或添加新属性,以查看它们如何更改显示

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51621856

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档