javascript - 为单个数据表单元格或行设置样式 - 将文本设为粗体

Question

我正在尝试在表中动态创建行。根据实体字段“isBold”，我可能希望将行或单元格设置为粗体(整行都是粗体，因此它的单元格或行并不重要)。当我将 Json 数据放入 JQuery 函数时，我有以下代码显示表格

function FillTimeEntriesTable(timeEntries)
    {
        var table = $("#time_entries-table").DataTable();
        table.clear();
        for (var i = 0; i < timeEntries.length; i++) {
            if (timeEntries[i].IsBold == true) {
                table.row.add([
                    '<td class="table-bold" nowrap>' + timeEntries[i].Date + '</td>',
                    '<td>' + timeEntries[i].Activity != null ? timeEntries[i].Activity : " " + '</td>',
                    '<td>' + timeEntries[i].Notes != null ? timeEntries[i].Notes : " " + '</td>',
                    '<td class="align-right table-bold">' + timeEntries[i].Hours + '</td>',
                    '<td></td>',
                    '<td class="align-right table-bold">' + timeEntries[i].ExtraTime + '</td>',
                    '<td></td>',
                    '<td class="table-bold" nowrap>' + timeEntries[i].DayTotals + '</td>',
                    '<td>' + timeEntries[i].RowParity + '</td>'
                ]);
            } else {
                table.row.add([
                    timeEntries[i].IsItalic ? '<td class="table-italic">' + timeEntries[i].Date + '</td>' : '<td nowrap>' + timeEntries[i].Date + '</td>',
                    '<td>' + timeEntries[i].Activity != null ? timeEntries[i].Activity : " " + '</td>',
                    '<td>' + timeEntries[i].Notes != null ? timeEntries[i].Notes : " " + '</td>',
                    '<td class="align-right">' + timeEntries[i].Hours + '</td>',
                    '<td></td>',
                    '<td class="align-right">' + timeEntries[i].ExtraTime + '</td>',
                    '<td></td>',
                    '<td>' + timeEntries[i].DayTotals + '</td>',
                    '<td>' + timeEntries[i].RowParity + '</td>'
                ]);
            }
        }
        table.dra

timeEntries 是一个引用数据列表，在 for 循环中，允许使用引用数据类型中的字段。它打印正确，当然，样式除外。在 isBold 为 true 的地方应该是粗体(在调试期间，m 在正确读取时会进入内部)但是当我检查页面元素时，它只显示 td 和值(没有类内联声明......不是表格粗体、右对齐、nowrap 等)。我正在使用带有 MVC 5 的数据表 JQuery。任何帮助将不胜感激，谢谢，

Answer 1

我自己找到了，不过还是谢谢你。我只是这样使用 fnRow 函数

"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                    if (aData[8] === "odd") {
                        $(nRow).css({ "background-color": "#dadada" });
                    }
                    else {
                        $(nRow).css({ "background-color": "#ffffff" });
                    }
                    if (aData[0] === 'Week Total') {
                        $(nRow).css({ "font-weight": "bold" });
                    }
                    else {
                        $(nRow).css({ "font-weight": "normal" });
                    }

我还不完全明白它是如何工作的，但 id 确实如其所言。该方法的 header 是我试图理解的内容，但这只需要一点时间。至于问题片段，我去掉了 '

if (aData[0] === 'Week Total') {

可以将其读作“周总计”而不是“