StreamlitとBokehを使ったDatatableで特定の列のセルをクリックしたらリンク先に飛ばせたい

Question

前提・実現したいこと

最近、Webアプリのフレームワークstreamlitを知り、BI的なWebアプリが驚くほど簡単に作れることに感動しています。
グラフライブラリにBokehを使えるので、この組み合わせは最強だと思います。
さて、質問ですが、「BokehのDatatableを使用して特定の列にURLデータを
格納しておき、それをクリックするとリンク先に飛ぶ」という機能を実装したいです。
ネットで調べると以下のサイトがヒットし、簡単なコードで実現できそうでした。
参考サイト：
https://discuss.streamlit.io/t/make-streamlit-table-results-hyperlinks-or-add-radio-buttons-to-table/7883
このサイトのサンプルは列が一つなのでそれをアレンジして複数列のDatatableを
作成したところ、URLデータ以外の列もリンクが張られてしまいます。
対処方法を教えて下さい。

該当のソースコード

#
# 参考サイト：Make Streamlit table results hyperlinks or add radio buttons to table?
#   https://discuss.streamlit.io/t/make-streamlit-table-results-hyperlinks-or-add-radio-buttons-to-table/7883
#
# 実行は　streamlit run datatable_hyperlink_sample.py
# ブラウザでは　http://localhost:8501/


import streamlit as st
import pandas as pd
from bokeh.plotting import figure

from bokeh.models import ColumnDataSource, CustomJS
from bokeh.models import DataTable, TableColumn, HTMLTemplateFormatter, NumberFormatter


df = pd.DataFrame({
        "id": [1,2,3],
        "score": [0.1, 0.2, 0.3],
        "links": ["https://www.google.com", "https://streamlit.io", "https://outlook.com"],
})
cds = ColumnDataSource(df)
columns = [
TableColumn(field="id", title="id"),
TableColumn(field="score", title="Score", formatter=NumberFormatter(format="0.00")),
TableColumn(field="links", title="links", formatter=HTMLTemplateFormatter(template='<a href="<%= links %>"target="_blank"><%= value %>')),
]
p = DataTable(source=cds, columns=columns, css_classes=["my_table"])
st.bokeh_chart(p)

試したこと

上記コードを実行するとブラウザで下図のように表示されます。
1行の♯、idやScoreのデータに上の行のGoogleのリンクが張られてしまいます。

よろしくお願いします。

Answer 1

自己解決しました。
原因はアンカータグの閉じタグが抜けていたことです（参考サイトでも抜けていました）。
3つ目のTableColumn()を以下のように修正しました。

TableColumn(field="links", title="links", formatter=HTMLTemplateFormatter(template='<a href="<%= links %>"target="_blank"><%= value %></a>')),

StreamlitはHTML、CSS、JavaScriptの知識無くてもWebアプリが簡単に作れるのがウリですが、基本的な知識はやっぱり必要ですね。