如何将Bootstrap样式应用于Flask模板表?

丹12345

我只是从Flask和Bootstrap开始,对如何将Bootstrap样式应用于Python插入我的模板的表感到困惑。

普通的html是:

<head>
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css" media="screen">
</head>
<body>
 {{ table }}
</body>

我使用flask_table填充数据,如下所示:

results=db.search(gsearch.name != "") #Search of tinyurl database
 mytable=ResultTable(results) #put into columns
 return render_template('index.html', form=search, table=mytable)

然后ResultTable类是:

class ResultTable(Table):
    guestid = Col ('ID', show=False) #unique identifier for each entry
    name = LinkCol('Name', 'edit', url_kwargs=dict(id='guestid'),attr='name') #clicking on this edits that entry
    email = Col('Email') #email address for each entry

所以我以为我会做类似的事情:

<table class="table table-striped table-bordered table-condensed">
  {{ table }}
</table>

但这根本不起作用...

任何提示将不胜感激!

Lycos IUT

烧瓶表文档所述,您可以通过将类添加到tabledom对象中,方法是将它们添加到python对象classes属性中Table

在您的情况下,可能是这样的:

class ResultTable(Table):
    classes = ['table', 'table-striped', 'table-bordered', 'table-condensed']
    guestid = Col ('ID', show=False) #unique identifier for each entry
    name = LinkCol('Name', 'edit', url_kwargs=dict(id='guestid'),attr='name') #clicking on this 
    email = Col('Email') #email address for each entry

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将道具值应用于样式?

如何将CSS样式应用于流星中的模板

如何将Bootstrap下拉样式应用于ASP.NET MVC DropDownList?

如何将模板应用于除特殊模板之外的所有模板

如何将CSS样式仅应用于文本

Epplus:如何将样式从Excel样式库应用于ExcelRange

如何将样式应用于QML中的TextField?似乎“样式”属性不可用

QT5:如何将一个样式表应用于不同的小部件?

如何将flexbox样式应用于单选按钮?

c ++如何将模板应用于模板类的孩子/朋友?

如何将样式表或主题应用于orgmode pdf导出

如何将样式应用于Django表单?

如何将特定样式应用于无效字段?

如何将元函数应用于可变参数模板类的模板类型?

如何将样式化组件样式应用于自定义React组件?

如何将某些样式应用于角形物料表中的表行

单击选项后如何将CSS样式应用于选择框?

如何将边界半径应用于Bootstrap 3的表?

如何将CSS样式应用于标签?

如何将样式应用于表中的偶数或奇数行?

如何将样式表应用于ROR中指定的视图

如何将样式应用于特定孩子的父母

如何将样式应用于动态添加的div?

如何将导入的样式表应用于自定义元素的模板标签内容?

CSS:如何将样式应用于特定类

如何将样式应用于 XPage 中的层级组合框

如何将样式边框应用于特定图像

如何将样式应用于不同的“TextBlock”对象?

如何将前景 CSS 样式而不是背景样式应用于文本?