Tabulatorでlinkを貼る方法

Question

HTML CSSでイントラwebサイトを作成しています。
サイトの中に、Tabulatorでいろいろな表を作成しています。
項目のひとつに、url link を貼りたいです。link formatterの使い方がわかりません。

script側は↓のようになると思うのですが、

$("#example").tabulator({
height: "311px",
columns: [
{title: "", headerSort: false, formatter: "link", formatterParams: {label: "リンク", url: "/"}},
]
});

html 側はどう記述したらいいのでしょうか　どのようにリンクを貼ればいいのでしょうか
<a href="">ではできませんでした。

HTML　td thでやってきたのですが、アレイでないといけないのでしょうか

Comments

[Lhankor_Mhy]

3-7. markdownを利用しましょう
https://teratail.com/help/question-tips#questionTips3-7

Answer 1

こんにちは。

ドキュメントを拝見しましたが、

url - a string representing the url, or a function which must return the string for the url, the function is passed the Cell Component as its first argument

Tabulator

とのことです。

なので、テーブルからの読み込みをするのであれば、

url: cell => cell.getValue()

などとすればいいかと思います。

サンプル

---

参考：
Cell Component | Tabulator

Comments

[mkuros]

できました　tableの方には<a href=""> javascriptは
var table = new Tabulator("#example-table", {
height:"311px",
layout:"fitColumns",
columns:[
{title:"番号", field:"番号", width:50, headerFilter:"input"},
{title:"系統", field:"系統", width:50, headerFilter:"input"},
{title:"大分類", field:"大分類", width:50, headerFilter:"input"},
{title:"小分類", field:"小分類", width:50, headerFilter:"input"},

{title:"コスト縮減事例（タイトル）", field:"コスト縮減事例（タイトル）", width:300, headerFilter:"input" ,formatter: "link", formatterParams: {label: "リンク", url: "/"}},},

cell => cell.getValue()
],
});

ありがとうございます。

[mkuros]

あ、ダメでした　スタイルが壊れました

[Lhankor_Mhy]

なるほど、私の回答とは違うやり方を試されているのですね。
がんばってください。