Question

我正在处理一些遗留代码并遇到以下问题。

我使用YAHOO.widget.DataTable（elContainer，aColumnDefs，oDataSource，oConfigs）结构来修改表格中的html元素。

我在此表的一个td中的代码上运行基本数字到美元货币转换。它适用于其他表但是它在此表中失败，因为所有元素都通过＆＃34;＆lt; \ b＆gt;＆＃34;正在将其作为td值拉入Yahoo Table结构的标记。

例如：

<td>
    <b><s:property value="totalTransactions"/> my text </b>
</td>

例如，当表查询此td的值时，它会得到 "<b><s:property value="totalTransactions"/> my text</b>".当我真正想要的只是我的文字。

我的优先解决方案是删除b标签。

因此代码可以运行（并且不需要在不同的表之间进行区分，并且它不需要先清除所有表，然后尝试区分何时应该添加粗体标记）

例如，我可以检查html是否存在将其删除，修改数字，然后再添加html。我认为修改表格更干净（可能是个人偏好），这样它就可以为其中的所有元素保留粗体字体，而无需在td标记内添加文本。

我看了看：Bold a single line in html table <td>

我试过

<td style="font-weight:bold"> my text </td>

然而它并没有变得大胆。

粗体标记使文本变为粗体，如下所示：

<td>
    <b>my text</b>
</td>

但是b标签干扰了我的功能。我的想法是由于雅虎注入：

result =  "$"+myAmount;
el.innerHTML = result;

大胆的风格可能会被覆盖。有什么解决方案吗？还是风格还没有其他原因吗？

我认为这个问题是因为我使用的是结构：请参阅http://www.mkyong.com/struts2/struts-2-property-tag-example/。

我不确定为什么传统的样式规则不适用。或许我犯了错误？页面呈现正常，没有任何粗体。我看到没有记录错误。

Answer 1

根据我的理解形式，您的问题有两种可能的内联css解决方案。

第一个

<html>
<head>
<style>
    table td {
        font-weight:bold;
    }
</style>
</head>
<body>
<table><tr><td>Text inside table cell</td></tr></table>
</body>
</html>

第二个

<table>
    <tr><td style="font-weight:bold">Text inside the table</td></tr>
</table>

一个用css声明：

table td {
            font-weight:bold;
        }

另一种解决方案是使用强标记来包装文本。

<table><tr><td><strong>Text goes here</strong></td></tr></table>

Answer 2

我希望我能正确理解这个问题，你的目标是在一个表格中加粗所有文字。这种内联样式使表格中单元格中的所有文本都变为粗体：

<table style="font-weight: 700;">...

或更易阅读的版本：

<table style="font-weight: bold;">...

Answer 3

虽然目前另外两个回答涵盖了基础知识，但使用强标记或使用CSS样式（内联或样式dec）。

如果以上两个仍然失败，或许另一种方法是使用javascript或jquery来对表进行枚举，然后通过应用css或插入自己的b / strong标签直接将粗体样式应用于每个td单元格或表格

这可能不是您的选择，但是其他人会看到这一点。仍有时候需要这样做。

除非您需要Javascript / jQuery代码，否则我不会发布任何代码，因为除非您需要Javascript / jQuery代码。

使table或td标签的内容变为粗体

3 个答案: