我是一名HTML/CSS的新手,对于以HTML格式显示数据有些疑问。我有一个长列表,想要将其分割并以HTML格式显示为两列。例如,不是:
Col1 Col2
1 a
2 a
3 a
4 a
5 b
6 b
7 b
8 b
I want to see text as
Col1 Col2 Col1 Col2
1 a 5 b
2 a 6 b
3 a 7 b
4 a 8 b
如何编写HTML/CSS代码以在拆分表格中显示上述数据?
对于第一个输出,将所有数据在一个表格中的2列中查看,我使用Python代码:
start = '''<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta></head> '''
font_size = '14pt'
style = '''<style media="screen" type="text/css">
table.table1 {
border-collapse: collapse;
width: 20%;
font-size: '''+font_size+''';
}
td {
text-align: left;
border: 1px solid #ccc;
}
th {
text-align: left;
border: 1px solid #ccc;
background-color: #072FB1;
}
</style>
'''
title = '''<div align="center"></br><font size = "24"><strong>'''+title+'''</strong></font></br></br></</div>'''
df_data1 = df_data[1:10]
data = df_data1.to_html( index = False, na_rep ='' )
data = data.replace('None', '')
style_headers = 'background-color: #072FB1; color: #ffffff;'
style_status_new ='background-color: #587EF8; color: #ffffff;font-weight:bold'
style_first_col = 'font-weight:bold;'
total = 'TOTAL'
soup = bs4.BeautifulSoup(data)
soup.thead.tr.attrs['style'] = style_headers
html = start+lentos+style+'''<body bgcolor="#FFFFFF">'''+title+time+unicode.join(u'\n',map(unicode,soup))+finish
try:
with open(dir_files+'engines_tv_html.html', 'w') as file:
file.write(html.encode('UTF-8'))
except Exception, e:
log_error()
我正在将数据分割为不同的 data_frame,代码如下:df_data[1:10]
。现在的问题是如何在一个 html 页面中同时展示分割后的两个 data_frame(左右两个表格)。
df_data
是如何定义的吗? - Anand S Kumar