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



我正在使用KDB自动生成HTML输出。如果可能的话,我希望避免用类标记html,因为我不想重新处理KDB代码。我试着用第一个孩子,但没用。还有其他建议吗?

KDB:

.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:

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

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

在Firefox上使用您提供的HTML和CSS对我很有用。我甚至切换了第一个子属性,以确保它确实引起了这种情况。第一个子属性已经支持了很长一段时间,但值得在这里查看您的浏览器是否支持它。

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

相关内容

  • 没有找到相关文章

最新更新