如何将CSS样式应用于oracle JET中的oj表?

如何将CSS样式应用于oracle JET中的oj表?,css,oracle-jet,Css,Oracle Jet,我有一张这样的桌子 <oj-table class='oj-table-data-cell-padding' id="table" aria-label="Departments Table" data='[[dataSource]]' display = "grid" on-oj-before-c

我有一张这样的桌子

<oj-table  class='oj-table-data-cell-padding' id="table" aria-label="Departments Table"
                                data='[[dataSource]]'
                                display = "grid"
                                on-oj-before-current-row = "[[currentRowListener]]"
                                selectionMode = "{'row': 'single'}"
                                columns-default='{"sortable": "enabled"}'
                                dnd='{"reorder": {"columns": "enabled"}}'
                                style="width:100%;margin-bottom:40px; background-color: #1E90FF;"
                                columns='[{"headerText": "Course Id", 
                                                   "field": "Id",
                                                   "headerClassName": "oj-sm-only-hide",
                                                   "className": "oj-sm-only-hide",
                                                   "resizable": "enabled"},
                                                   {"headerText": "Course Name", 
                                                   "field": "CourseName",
                                                   "resizable": "enabled"},
                                                  {"headerText": "Description", 
                                                   "field": "CourseDescription",
                                                   "resizable": "enabled"},
                                                  {"headerText": "other Details", 
                                                   "field": "OtherDetail",
                                                   "headerClassName": "oj-sm-only-hide",
                                                   "className": "oj-sm-only-hide",
                                                   "resizable": "enabled"}

                                                    ]'

    </oj-table> 

您的代码是正确的。背景色不起作用的原因是OJET开发人员希望我们能够只更改基本内容,如组件的高度和宽度

如果你想改变更多的东西,比如组件的美学,你必须使用它们

作为一种解决方法,您还可以检查元素,找到它们在组件内部使用的类,并修改它们的值。比如说,

.oj-table-element {
     background-color: blue;
}

你的代码是正确的。背景色不起作用的原因是OJET开发人员希望我们能够只更改基本内容,如组件的高度和宽度

如果你想改变更多的东西,比如组件的美学,你必须使用它们

作为一种解决方法,您还可以检查元素,找到它们在组件内部使用的类,并修改它们的值。比如说,

.oj-table-element {
     background-color: blue;
}

如何将工具提示添加到oj表格标题

columns='[{“headerText”:“课程Id”,
“字段”:“Id”,
“headerClassName”:“oj sm仅隐藏”,
“类名”:“oj sm仅隐藏”,
“可调整大小”:“已启用”},
{“headerText”:“课程名称”,
“字段”:“CourseName”,
“可调整大小”:“已启用”},
{“标题文字”:“说明”,
“字段”:“CourseDescription”,
“可调整大小”:“已启用”},
“标题文字”:“其他详细信息”,
“字段”:“其他详细信息”,
“headerClassName”:“oj sm仅隐藏”,
“类名”:“oj sm仅隐藏”,
“可调整大小”:“已启用”}
]

如何将工具提示添加到oj表格标题

columns='[{“headerText”:“课程Id”,
“字段”:“Id”,
“headerClassName”:“oj sm仅隐藏”,
“类名”:“oj sm仅隐藏”,
“可调整大小”:“已启用”},
{“headerText”:“课程名称”,
“字段”:“CourseName”,
“可调整大小”:“已启用”},
{“标题文字”:“说明”,
“字段”:“CourseDescription”,
“可调整大小”:“已启用”},
“标题文字”:“其他详细信息”,
“字段”:“其他详细信息”,
“headerClassName”:“oj sm仅隐藏”,
“类名”:“oj sm仅隐藏”,
“可调整大小”:“已启用”}
]

问题是如何在
oj表上应用CSS来修改背景颜色。不知道为什么要添加工具提示。问题是如何在
oj表
上应用CSS来修改背景颜色。不知道为什么要添加工具提示。