GDC Training Portal

Special Table Style 02

Function


This table use the different colors and pictures for the column background, so we should not use the rTBL-50-HorizontalScroll, we can use rC-58 to adjust the code to finish the request.
该表格使用了不同的配色以及图片背景且结构较为复杂,所以无法通过table相关的DPL实现,只能通过代码形式展示。

    PC display:

   

    Mobile displays:

    

 


Example Display

警告

警告

找到无效配置。 请与管理员联系。

 

How to use?

  • Step

    Attention points:/ 此类表格没有特定样式,只需在设置表格样式时注意以下几点即可

    1. The table width need be set as 100%, so content will not exceed the screen size of the mobile phone. / 表格宽度要设置为100%,这样使移动端和PC端都能完全展示

    2. Write different style code if there is any different place between pc and mobile. / 如果PC端和移动端需要不同的展示效果,可以添加相应的代码