web2py：增加 smartgrid 中 table 个名称的字体大小

Question

如何以及在何处增加 Smartgrid 中 table 名称的字体大小？（截图参考，红圈）

编辑 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}}

Answer 1

一个技巧是使用浏览器开发人员工具检查周围的 HTML 结构和 class 名称，然后创建一个 CSS 规则来实现所需的格式。在这种情况下，您会发现 table 名称嵌入在以下 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 classes:

创建一个 CSS 规则

.web2py_breadcrumbs {
  font-size: 16px;
}

web2py：增加 smartgrid 中 table 个名称的字体大小

web2py: Increase font size of table names in smartgrid

css

web2py