微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML代码,使用python在一个html页面中显示splitted data_frame

我是html / css的新手,所以对于以html格式显示的数据有疑问.我所拥有的是一个很长的列表,我希望将其拆分并以html格式显示为两个单独的列.例如,而不是:

Col1 Col2
1     a
2     a
3     a
4     a
5     b
6     b
7     b
8     b

我希望看到文字

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()

在df_data [1:10]中,我将数据拆分为单独的data_frames.
所以问题是在一个html页面中看到splitted data_frame(左边的一个表和右边的另一个表)

解决方法:

由于您的数据由pandas.DataFrame管理,我建议您尝试使用pandas构建表.

pd.merge(left=df_data[0:4], left_index=True,
         right=df_data[4:8].reset_index(drop=True), right_index=True,
         suffixes=['_left','_right'], how='outer')

   Col1_left Col2_left  Col1_right Col2_right
0          1         a           5          b
1          2         a           6          b
2          3         a           7          b
3          4         a           8          b

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐