web2py:在smartgrid中增加表名的字体大小

时间:2019-01-09 07:02:13

标签: css web2py

如何以及在哪里增加Smartgrid中表名的字体大小? (屏幕截图仅供参考,红色圆圈)

Screenshot of smartgrid

编辑1 附件是此控制器代码产生的视图的屏幕截图:

def list_services():
    grid = SQLFORM.smartgrid(db.services
        , fields = [db.services.service_name,db.services.service_type]
    )
return locals()

视图:

{{extend 'layout.html'}}
<style>
    tr:nth-child(even) {background: #CCC}
    tr:nth-child(odd) {background: #FFF}
</style>
{{=grid}}

1 个答案:

答案 0 :(得分:0)

一个技巧是使用浏览器开发人员工具检查周围的HTML结构和类名称,然后创建CSS规则以实现所需的格式。在这种情况下,您将找到嵌入在以下HTML中的表名:

<div class="web2py_breadcrumbs">
  <ul class="">
    <li class="active w2p_grid_breadcrumb_elem">
      <a href="/path/to/grid">Table Name</a>
    </li>
  </ul>
</div>

因此,您可以创建针对.web2py_breadcrumbs.w2p_grid_breadcrumb_elem类的CSS规则:

.web2py_breadcrumbs {
  font-size: 16px;
}