点击此处---> 群内免费提供SAP练习系统(在群公告中)
加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)
嗨,
我用2个表格,一个VizFrame和一个自定义CSS构建了一个SAPUI5应用程序,现在有以下两个问题:
Chrome浏览器:
IE11:
1。 表格之间有很大的空白,为什么会有空白?
2。 为什么未显示单元格和行的动态Backgroundcolors?
我的代码:
视图:
var oPlanTable = new sap.ui.table.Table({ id:" Plan1", //宽度:" 100%", //visibleRowCount:7, selectionMode:sap.ui.table.SelectionMode.Single, selectionBehavior:sap.ui.table.SelectionBehavior.RowOnly, 可编辑:是的, 门槛:100, enableColumnReordering:false, showColumnVisibilityMenu:true, enableBusyIndicator:true, visibleRowCount:18, //visibleRowCountMode:sap.ui.table.VisibleRowCountMode.Auto, rowHeight:17 columnHeaderHeight:22, 宽度:" 1815px" //fixedColumnCount:30 }); //为所有列添加相同的列 oPlanTable.addColumn(new sap.ui.table.Column({ id:" plan_col1", 宽度:" 200px", 标签:new sap.m.Label({text:" {Header01}"}), 模板:new sap.m.Text({text:" {Col01}"}), }));
控制器:
onAfterRendering:function(){ var oTable = sap.ui.getCore()。byId(" Plan1"); var oModel = oTable.getModel(); oTable.addEventDelegate({ " onAfterRendering":函数(){ //可见行数 var rowCount = oTable.getVisibleRowCount(); //开始行索引 var rowStart = oTable.getFirstVisibleRow(); var columnArray = [6,11,16,21,23]//将哪些单元格变为灰色 for(var i = 0; i= rowCount-5){ row。$()。addClass(" bold"); } } } }, 这个);
css:
/*在这里输入您的自定义样式*/ 。蓝色{ 背景颜色:#4472c4!important; } 。黄色{ 背景颜色:黄色!重要; 颜色:黄色!重要; } .lightGreen { 背景颜色:rgb(226,239,218)!important; } 。灰色{ 背景颜色:rgb(206,206,206); font-weight:粗体; } 。深灰色{ 背景颜色:深灰色; font-weight:粗体; } 。红{ 颜色:红色!重要; } 。绿色{ 颜色:绿色!重要; } 。胆大{ font-weight:粗体!重要; } #Plan1,#Plan1 .sapUiTableCell,#Plan1 .sapUiTableCell输入,#Plan1 .sapUiTableCell span { font-size:11px!important; } #plan_col1,#plan_col2,#plan_col7,#plan_col12,#plan_col17,#plan_col22,#plan_col24 { 背景颜色:#a4a4a4; font-size:12px!important; } #plan_col3,#plan_col4,#plan_col5,#plan_col6,#plan_col8,#plan_col9,#plan_col10,#plan_col11,#plan_col13,#plan_col14,#plan_col15,#plan_col16,#plan_col18,#plan_col19,#plan_col20,#plan_col23, { 背景颜色:#4472c4; font-size:12px!important; }
如果有人能帮助我,那就太好了。
问候Jan Schmidt
(121.0 kB)
您好,有关问题的一些最新消息:
没有错误。 我知道表格单元格的着色会随着表格的内部滚动而滚动,但是我只需要显示18行即可。
1 .:当我查看F12中的元素时,IE和Firefox有:
和Chrome:
我通过在样式表中添加"#Plan1-tableCtrlCnt,#tableIST-tableCtrlCnt {min-height:300px!important;}"来解决该问题。
2 .:我查了一些代码,结果是这样的:
我在Firefox的IE中遇到了同样的问题,但是当我开始调试时,问题就消失了。 这意味着一旦我逐步运行js代码,单元格就会着色。 我对此的第一个想法是,无法完全加载Odata中的数据。
具有调试功能的Firefox(未更改代码):
是否有更好的方法为细胞着色?
还是比胖渲染着色单元更好的地方?
关于Jan
好,问题在于在加载数据之前单元已着色!
我当前的解决方案是在上色之前花些时间
我仍在寻找一种更好的方式来整理零件,但目前可以正常工作。
我不知道。 在IE控制台(调试器模式)中是否看到任何错误。
,我认为(我不确定)您的解决方案也无法在chrome中使用。 尝试滚动页面,以便更改表行。
-D
请确保单元格的继承属性在两种浏览器中都能正常工作。
使用F12工具,并禁用
height/color:继承
或您可能具有的默认单元格设置。使用Chrome浏览器。 有时会出现错误ERR_CACHE_MISS,并显示确认表单重新提交的消息。 此错误是由于设置和配置,扩展名等问题引起的。这会妨碍用户的工作。 要解决此问题,可以访问 FixERR CACHE MISS错误未响应以寻求最佳解决方案。
一周热门 更多>