Python 通过多次显示列来增加html显示的宽度_Python_Html_Css_Flask

Python 通过多次显示列来增加html显示的宽度

python html css flask

Python 通过多次显示列来增加html显示的宽度,python,html,css,flask,Python,Html,Css,Flask,我有一个网页使用烧瓶，它显示了一个表。我试图通过多次显示列来增加显示的宽度。这可能很难解释，因此下面是一个示例：我有： Col1 Col2 数据数据数据数据数据数据数据数据我想： Col2 Col1 Col2 数据数据数据数据我的HTML代码如下（myDisplay只是Python中的表信息）：我要做的是将div的高度限制在500px，这样我的表在垂直达到500px后将被迫水平扩展。听起来你需要一个HTML表对于HTML示例，请检查table、th、td和tr标记以生成一个表。

我有一个网页使用烧瓶，它显示了一个表。我试图通过多次显示列来增加显示的宽度。这可能很难解释，因此下面是一个示例：

我有：

Col1 Col2

数据数据

我想：

Col2 Col1 Col2

数据数据

我的HTML代码如下（myDisplay只是Python中的表信息）：

我要做的是将div的高度限制在500px，这样我的表在垂直达到500px后将被迫水平扩展。

听起来你需要一个HTML表

对于HTML示例，请检查table、th、td和tr标记以生成一个表。您还可以使用CSS设置表格样式。我在这里添加了style=“width:20%”以增加列宽。您可以根据需要自定义表格，但这需要额外的CSS样式

如果由于某种原因，您必须多次传递输入，“使用flask或您正在用于服务器端的任何东西”，您将在附加的th和td标记中指定

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
}
</style>
</head>
<body>

<h1>The table element</h1>

<table>
  <tr>
    <th style="width:20%">Month</th>
    <th style="width:30%">Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

</body>
</html>

结果

<table>
<thead><tr><th>Name</th><th>Description</th></tr></thead>
<tbody>
<tr><td>Name1</td><td>Description1</td></tr>
<tr><td>Name2</td><td>Description2</td></tr>
<tr><td>Name3</td><td>Description3</td></tr>
</tbody>
</table>


姓名描述
名称1说明1
名称2说明2
名称3说明3

如果没有表格中的任何代码，它是如何增加的，以及新的单元格应该显示在哪里，您将很难得到答案。澄清。嗨，我添加了澄清代码。希望这是有帮助的。我自己的上图是新细胞应该显示的地方。

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
}
</style>
</head>
<body>

<h1>The table element</h1>

<table>
  <tr>
    <th style="width:20%">Month</th>
    <th style="width:30%">Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

</body>
</html>


from flask_table import Table, Col


class ItemTable(Table):
    name = Col('Name')
    description = Col('Description')

class Item(object):
    def __init__(self, name, description):
        self.name = name
        self.description = description

items = [Item('Name1', 'Description1'),
         Item('Name2', 'Description2'),
         Item('Name3', 'Description3')]
# Or, equivalently, some dicts
items = [dict(name='Name1', description='Description1'),
         dict(name='Name2', description='Description2'),
         dict(name='Name3', description='Description3')]


items = ItemModel.query.all()


table = ItemTable(items)


print(table.__html__())

<table>
<thead><tr><th>Name</th><th>Description</th></tr></thead>
<tbody>
<tr><td>Name1</td><td>Description1</td></tr>
<tr><td>Name2</td><td>Description2</td></tr>
<tr><td>Name3</td><td>Description3</td></tr>
</tbody>
</table>