Html模板格式化程序无法正常工作

时间:2018-04-29 12:23:22

标签: javascript python bokeh

请查看页面:

https://bokeh.pydata.org/en/latest/docs/reference/models/widgets.tables.html#bokeh.models.widgets.tables.HTMLTemplateFormatter

我一直在尝试将该格式化程序用于我的数据表,但遇到了问题:表文件的位置会在实际链接之前附加。

如何使用正确重定向到目标页面的格式化程序创建URL链接?

编辑:

这是我正在使用的代码:(这是来自python的散景包):

from bokeh.io import output_file, show
from bokeh.layouts import widgetbox
from bokeh.models import ColumnDataSource
from bokeh.models.widgets import DataTable, DateFormatter, TableColumn, HTMLTemplateFormatter
from datetime import datetime
from pandas import Timestamp

start, end = datetime(2018,4,18), datetime(2018,4,18,23,59)

input = {
        'datetime': [Timestamp('2018-04-18 00:34:16')],
        'event': ['Barbara Bush, former US First Lady, 1925-2018'],
        'url': ['https://www.ft.com/content/336e7f52-4189-11e8-93cf-67ac3a6482fd']}


output_file("data_table.html")

source = ColumnDataSource(input)

columns = [
        TableColumn(
            field="datetime", 
            title="Datetime", 
            width = 50, 
            formatter = DateFormatter(format = '%Y-%m-%d %H:%M')),
        TableColumn(
            field='event', 
            title='Event',
            width = 150,
            formatter =  HTMLTemplateFormatter(template = '<a href=”<%= url %>”><%= value %></a>'))]


data_table = DataTable(source=source, columns=columns, width=1000, height=1000)

show(widgetbox(data_table))

这将创建下表: enter image description here

您可以在检查窗格中看到链接正确。

但是,点击它时,它会重定向到页面:

enter image description here

1 个答案:

答案 0 :(得分:1)

这是因为href值不是有效的URL,因此它被视为相对于您的域的路径。添加另一个斜杠:

https://www.google.com/search

而不是

https:/www.google.com/search

在第二个示例中,href属性周围的“双引号”字符是双引号的程式化版本,并且不是有效的HTML。请改用:

HTMLTemplateFormatter(template = '<a href="<%= url %>"><%= value %></a>'))]