3

Node + Jade を使用して多数のユーザー リストを表示するテーブルを作成しているので、bootstrap-table を使用することにし、多くの可能性を秘めた優れたライブラリを見つけました。

私は現在、テーブルに多くの情報を表示しないようにページネーションを使用しています。現時点では、テーブルには 2 つの列しかありません。最初の列は複数のユーザーを選択するためのチェックボックスであり、2 番目の列はユーザ​​ーのユーザー名です。表は見栄えがしますが、ユーザーの詳細へのリンク (例: /user/:id) を追加し、このリンクを 2 番目の列に追加します。

現在、私のコードは次のようになっています。

table(data-toggle='table', data-url='users.json', data-pagination='true', data-search='true', data-striped='true')
  thead
    tr
      th(data-checkbox='true')
      th(data-field='username') Username

ユーザー名を含むテキストにハイパーリンクを追加したいだけです

4

2 に答える 2

5

HTML テーブルで:

<th data-field="user_name" data-formatter="LinkFormatter">Computer</th>

あなたのJavaScriptで：

function LinkFormatter(value, row, index) {
  return "<a href='/userid/id:"+row.id+"'>"+value+"</a>";
}
于 2015-06-04T18:15:08.253 に答える